/* Dark mode for signed-in screens: js/theme.js sets data-theme on <html>. Loaded last.
   Screen only, so anything printed stays dark-on-white. */
@media screen {
  html[data-theme="dark"] {
    color-scheme: dark;
    --surface-page: #0f1113;
    --surface-card: #1a1c1f;
    --surface-sunken: #232529;
    --surface-nav: #15171a;
    --on-nav: #eef0f2;
    --on-nav-muted: #a3abb6;
    --ink: #eef0f2;
    --ink-muted: #a3abb6;
    --ink-faint: #737b87;
    --border-hairline: #2b2e33;
    --border-control: #3d4148;
    --primary: #e8404f;
    --primary-hover: #e8404f;
    --primary-soft: #3a171c;
    --primary-ink: #ff9aa6;
    --focus-ring: #ff6b7a;
    --slate: #aeb6c2;
    --slate-soft: #2a2d33;
    --wine: #a8264a;
    --wine-ink: #f2a6ba;
    --wine-soft: #331821;
    --tint-differentiate: #37230f;
    --tint-learn: #33290f;
    --success: #34cf95;
    --warning: #e5ae34;
    --danger: #ff6f66;
    --info-band: #2a1719;
    --track: #2b2e33;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.4);
    --shadow-raised: 0 8px 20px rgba(0, 0, 0, 0.45);
    --shadow-popover: 0 16px 40px rgba(0, 0, 0, 0.6), 0 2px 6px rgba(0, 0, 0, 0.4);

    --mi-linguistic-bg: #3a171c;          --mi-linguistic-ink: #ff9aa6;
    --mi-logical_mathematical-bg: #331821; --mi-logical_mathematical-ink: #f2a6ba;
    --mi-spatial-bg: #3a1729;             --mi-spatial-ink: #f9a8d4;
    --mi-bodily_kinesthetic-bg: #37230f;  --mi-bodily_kinesthetic-ink: #fdba74;
    --mi-musical-bg: #2c1a40;             --mi-musical-ink: #d8b4fe;
    --mi-interpersonal-bg: #12301d;       --mi-interpersonal-ink: #86efac;
    --mi-intrapersonal-bg: #33290f;       --mi-intrapersonal-ink: #fde047;
    --mi-naturalistic-bg: #0f2f2c;        --mi-naturalistic-ink: #5eead4;
  }

  /* Fills keep the brand red so white labels stay readable; --primary is lifted for text on dark. */
  html[data-theme="dark"] .btn--primary:not([disabled]) { background: #d72539; }
  html[data-theme="dark"] .btn--primary:not([disabled]):hover { background: var(--primary-hover); }
  html[data-theme="dark"] .stat__icon--slate { background: #4a5361; }

  html[data-theme="dark"] .chip[aria-pressed="true"] { color: #121926; }
  html[data-theme="dark"] .tag--differentiate,
  html[data-theme="dark"] .tool__tile--differentiate { color: #f5a76a; }
  html[data-theme="dark"] .tag--learn,
  html[data-theme="dark"] .tool__tile--learn { color: #e8c15c; }
  html[data-theme="dark"] .tag--live { background: #123229; color: #4fdcb8; }
  html[data-theme="dark"] .tag--partial { background: #33290f; color: #e8c15c; }

  html[data-theme="dark"] .smodal { background: var(--surface-card); color: var(--ink); }
  html[data-theme="dark"] .smodal__close { background: rgba(255, 255, 255, 0.08); }
  html[data-theme="dark"] .smodal__close:hover { background: rgba(255, 255, 255, 0.16); }
  html[data-theme="dark"] .smodal__sec,
  html[data-theme="dark"] .smodal__stat { background: rgba(255, 255, 255, 0.04); border-color: var(--border-hairline); }
  html[data-theme="dark"] .smodal .bar__track { background: rgba(255, 255, 255, 0.1); }
  html[data-theme="dark"] .smodal .bar__fill--weak { background: var(--danger); }
  html[data-theme="dark"] .smodal__trend--up { color: #4ade80; }
  html[data-theme="dark"] .smodal__trend--down { color: #f87171; }
  html[data-theme="dark"] .smodal__trend--flat { color: var(--ink-muted); }

  html[data-theme="dark"] .count-picker__list { scrollbar-color: #5a5f68 #232529; }
  html[data-theme="dark"] .count-picker__list::-webkit-scrollbar-track { background: #232529; }
  html[data-theme="dark"] .count-picker__list::-webkit-scrollbar-thumb { background: #5a5f68; border-color: #232529; background-clip: padding-box; }
  html[data-theme="dark"] .count-picker__list::-webkit-scrollbar-thumb:hover { background: #737b87; border-color: #232529; background-clip: padding-box; }
  html[data-theme="dark"] .time-scroller__col::-webkit-scrollbar-thumb { background: #5a5f68; }

  html[data-theme="dark"] .genitem__actions .genitem__remove,
  html[data-theme="dark"] .stu-job--error { background: #3a1b1a; }
  html[data-theme="dark"] .genwarn,
  html[data-theme="dark"] .curnote { background: #33290f; }
  html[data-theme="dark"] .qmap__cell.is-correct,
  html[data-theme="dark"] .qmap__key.is-correct { background: #12301d; border-color: #1f6b43; }
  html[data-theme="dark"] .qmap__cell.is-wrong,
  html[data-theme="dark"] .qmap__key.is-wrong { background: #3a1b1a; border-color: #8a3a34; }

  html[data-theme="dark"] .pet__sprite { filter: drop-shadow(0 0 1px rgba(255, 255, 255, 0.35)); }
}