/* css/themes.css — body.theme-light + body.theme-hc color overrides. Imported into the themes layer. */

/* ── 12. Themes ──────────────────────────────────────────── */

/* Light theme */
body.theme-light {
  --bg-primary:     #f5f3ef;
  --bg-surface:     #eceae4;
  --bg-surface-2:   #e4e2dc;
  --text-primary:   #1a1a1a;
  --text-muted:     #4a4a4a;
  --clock-normal:   #1a1a1a;
  --clock-warning:  #b45309;
  --clock-positive: #16a34a;
  --accent-amber:   #b07300;
  --color-warning:  #d97706;
  --border-subtle:  rgba(0, 0, 0, 0.18);
}

body.theme-light .hud {
  background: linear-gradient(to top, rgba(245, 243, 239, 0.98) 80%, transparent);
}

body.theme-light .timetable-panel {
  background: var(--bg-surface);
}

body.theme-light .timetable-panel__header {
  background: rgba(236, 234, 228, 0.97);
}

body.theme-light .upcoming-slot-card {
  border-color: rgba(0, 0, 0, 0.12);
}

body.theme-light .upcoming-slot-card--next {
  background: rgba(176, 115, 0, 0.08);
}

body.theme-light .upcoming-slot-card--after-next {
  border-color: rgba(176, 115, 0, 0.25);
  border-left-color: rgba(176, 115, 0, 0.4);
}

body.theme-light .hud__shortcut-toggle {
  border-color: rgba(0, 0, 0, 0.25);
}

body.theme-light .active-slot-card--ended {
  border-color: rgba(0, 0, 0, 0.1);
}

/* High-contrast theme */
body.theme-hc {
  --bg-primary:    #000000;
  --bg-surface:    #111111;
  --bg-surface-2:  #1a1a1a;
  --text-primary:  #ffffff;
  --text-muted:    #cccccc;
  --clock-normal:  #ffffff;
  --accent-amber:  #ffcc00;
}

body.theme-hc .clock-display__digits {
  font-size: 10vw;
}