/* CourseOS · Calm Mode Theme
   Deep navy palette for low-stimulation viewing.
   Applied by adding class "calm" to body element. */

body.calm {
  --bg-primary:    #0D1B2E;
  --bg-secondary:  #111F33;
  --bg-tertiary:   #0A1525;
  --text-primary:  #C8D8F0;
  --text-secondary:#4A6FA5;
  --text-muted:    #2E4D7A;
  --border-color:  #1A2F4A;
  --gray-100:      #152238;
  --gray-200:      #1A2F4A;
  --gray-300:      #2E4D7A;
  --gray-400:      #3A5F8A;
  --gray-600:      #6A8AB5;

  /* Desaturated course colors for calm viewing */
  --course-phi1000:  #8A7040;
  --course-cisc2350: #8A4020;
  --course-theo1000: #207060;
  --course-cisc1100: #205080;

  /* Desaturated brand colors */
  --color-red:     #8A3030;
  --color-orange:  #8A4020;
  --color-blue:    #205080;
  --color-teal:    #207060;
  --color-yellow:  #8A7040;
  --color-purple:  #5A3D8A;
  --color-navy:    #1A2F4A;

  /* Compose / TTS accent — calm overrides */
  --color-teal-light: #152A25;
  --color-teal-text:  #4AA080;
  --color-danger-text: #AA6060;
}

/* Calm mode nav bar */
body.calm #bottom-nav {
  background: #0D1B2E;
  border-top-color: #1A2F4A;
  box-shadow: 0 -4px 20px rgba(0,0,0,0.3);
}

/* Calm mode summary tiles get muted */
body.calm .tile-red { background: #5A2020; }
body.calm .tile-orange { background: #5A3020; }
body.calm .tile-blue { background: #1A3A5A; }

/* Calm mode date strip */
body.calm .date-strip {
  background: #2A3040;
  color: #8A9AB0;
}

/* Calm mode due badges */
body.calm .due-red { background: #2A1515; color: #AA6060; }
body.calm .due-amber { background: #2A2515; color: #AA8A50; }
body.calm .due-gray { background: #152238; color: #4A6FA5; }
body.calm .due-late { background: #AA3030; color: #fff; }

/* Calm mode context pills */
body.calm .context-pill {
  background: #152238;
  color: #4A6FA5;
}
body.calm .context-pill.time-pill {
  background: #2A1515;
  color: #AA6060;
}
body.calm .context-pill.audio-pill {
  background: #152A25;
  color: #4AA080;
}

/* Calm mode buttons */
body.calm .btn-start-steps {
  background: #4A5A7A;
}
body.calm .btn-save-later {
  background: #152238;
  color: #4A6FA5;
}

/* Calm mode theme toggle */
body.calm .theme-toggle {
  background: #152238;
  border-color: #1A2F4A;
  color: #C8D8F0;
}