/* Generated from brand/tokens.json by scripts/map_tokens_css.py. */
:root,
:root[data-theme="light"] {
  color-scheme: light;
  --brand-navy-950: #081040;
  --brand-navy-900: #0D1850;
  --brand-navy-800: #1A2770;
  --brand-navy-700: #2A3580;
  --brand-navy-100: #E8ECF8;
  --brand-navy-50: #F2F4FB;
  --brand-gold-500: #FBB911;
  --brand-gold-600: #E09A0A;
  --brand-gold-100: #FFF6D6;
  --brand-purple-500: #606EC4;
  --brand-purple-600: #4E5BB0;
  --brand-purple-100: #EEF0FB;
  --brand-cream: #F1E3D5;
  --brand-amber-700: #DE760B;
  --bg: #FFFFFF;
  --bg-secondary: #F0F2F5;
  --bg-section: #FFFFFF;
  --text: #0F0F0F;
  --text-hint: #707579;
  --link: #2481CC;
  --button: #1A2770;
  --button-text: #FFFFFF;
  --button-stars: #FBB911;
  --button-stars-text: #0D1850;
  --button-tg: #2481CC;
  --separator: #E4E6EB;
  --ok: #0A7A3E;
  --ok-bg: #E8F7EE;
  --warn: #9A6700;
  --warn-bg: #FFF6E0;
  --destructive: #E53935;
  --destructive-bg: #FDECEA;
  --timer: #0F0F0F;
  --timer-urgent: #C62828;
  --chip: #EEF1F4;
  --track: #1A5F96;
  --track-bg: #E8F1FA;
  --radius-control: 12px;
  --radius-card: 14px;
  --radius-modal: 16px;
  --radius-banner: 10px;
  --radius-pill: 999px;
  --shadow-card: 0 1px 2px rgba(15, 15, 15, 0.06);
  --shadow-float: 0 4px 16px rgba(15, 15, 15, 0.10);
  --shadow-cta: 0 2px 8px rgba(26, 39, 112, 0.25);
  --font-stack: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-variant-numeric: tabular-nums;
  --type-brand-title-size: 22px;
  --type-brand-title-weight: 700;
  --type-brand-title-line: 1.25;
  --type-screen-title-size: 18px;
  --type-screen-title-weight: 650;
  --type-screen-title-line: 1.3;
  --type-section-title-size: 16px;
  --type-section-title-weight: 650;
  --type-section-title-line: 1.35;
  --type-body-size: 15px;
  --type-body-weight: 400;
  --type-body-line: 1.45;
  --type-reading-passage-size: 16px;
  --type-reading-passage-weight: 400;
  --type-reading-passage-line: 1.55;
  --type-meta-size: 12px;
  --type-meta-weight: 500;
  --type-meta-line: 1.3;
  --type-timer-size: 20px;
  --type-timer-weight: 700;
  --type-timer-line: 1;
  --type-band-teaser-size: 48px;
  --type-band-teaser-weight: 700;
  --type-band-teaser-line: 1;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #18222D;
    --bg-secondary: #131A22;
    --bg-section: #232E3C;
    --text: #F5F5F5;
    --text-hint: #8B98A5;
    --link: #2AABEE;
    --button: #3D4FB0;
    --button-text: #FFFFFF;
    --button-tg: #2AABEE;
    --separator: #2B3845;
    --ok: #3DDC84;
    --ok-bg: #163528;
    --warn: #E8C56A;
    --warn-bg: #3A2E12;
    --destructive: #FF6B6B;
    --destructive-bg: #3A1E1C;
    --timer: #F5F5F5;
    --timer-urgent: #FF5252;
    --chip: #2B3845;
    --track: #7EC8F5;
    --track-bg: #1E3A52;
    --brand-navy-100: #1E2748;
    --brand-gold-100: #3A2E12;
    --brand-purple-100: #2A2F55;
    --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35);
    --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.45);
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #18222D;
  --bg-secondary: #131A22;
  --bg-section: #232E3C;
  --text: #F5F5F5;
  --text-hint: #8B98A5;
  --link: #2AABEE;
  --button: #3D4FB0;
  --button-text: #FFFFFF;
  --button-tg: #2AABEE;
  --separator: #2B3845;
  --ok: #3DDC84;
  --ok-bg: #163528;
  --warn: #E8C56A;
  --warn-bg: #3A2E12;
  --destructive: #FF6B6B;
  --destructive-bg: #3A1E1C;
  --timer: #F5F5F5;
  --timer-urgent: #FF5252;
  --chip: #2B3845;
  --track: #7EC8F5;
  --track-bg: #1E3A52;
  --brand-navy-100: #1E2748;
  --brand-gold-100: #3A2E12;
  --brand-purple-100: #2A2F55;
  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.35);
  --shadow-float: 0 8px 24px rgba(0, 0, 0, 0.45);
}