/* ════════════════════════════════════════
   DESIGN TOKENS — DARK MODE (default)
════════════════════════════════════════ */
:root {
  --burgundy: #75221c; --burgundy-deep: #5a1915; --burgundy-mid: #8f2d26;
  --gold: #fec108; --gold-glow: rgba(254,193,8,0.18);

  /* Surfaces */
  --bg:        #0d0a08;
  --surface-1: #1a0d09;
  --surface-2: #241208;
  --surface-3: #2f1a0e;

  /* Text */
  --text-primary:   #f4ede3;
  --text-secondary: rgba(244,237,227,0.65);
  --text-muted:     #96897f;
  --text-faint:     rgba(244,237,227,0.35);

  /* Borders */
  --border:        rgba(255,255,255,0.07);
  --border-strong: rgba(255,255,255,0.14);

  --header-scrolled-bg:     rgba(18,8,4,0.97);
  --header-scrolled-shadow: 0 1px 0 rgba(117,34,28,.2), 0 4px 28px rgba(0,0,0,.55);

  --grad-hero: radial-gradient(ellipse 120% 100% at 60% 0%, #2d1008 0%, #1a0803 40%, #0d0a08 100%);

  /* Component tokens */
  --card-bg:          #1a0d09;
  --card-bg-mid:      #241208;
  --mnav-bg:          #1a0d09;
  --ticker-bg:        #75221c;
  --trust-bg:         #150b06;
  --sched-hdr-bg:     #241208;
  --sched-hdr-hover:  #2f1a0e;
  --perf-row-bg:      #1a0d09;
  --perf-row-hover:   #241208;
  --nl-bg:            #5a1915;
  --footer-bg:        linear-gradient(180deg, #1f0c05 0%, #120703 100%);

  --btn-outline-color:        #f4ede3;
  --btn-outline-border:       rgba(244,237,227,0.28);
  --btn-outline-border-hover: rgba(244,237,227,0.65);

  /* Typography */
  --font-d: 'Cormorant Garamond', Georgia, serif;
  --font-b: 'DM Sans', system-ui, sans-serif;

  /* Layout */
  --hh:  72px;
  --mxw: 1300px;

  /* Animation */
  --ease:   cubic-bezier(0.22, 1, 0.36, 1);
  --r-pill: 999px;
  --r-lg:   18px;
  --r-md:   10px;
  --r-sm:   5px;

  --theme-transition:
    background-color 320ms var(--ease),
    color            320ms var(--ease),
    border-color     280ms var(--ease),
    box-shadow       280ms var(--ease);
}

/* ════════════════════════════════════════
   LIGHT MODE TOKENS
════════════════════════════════════════ */
[data-theme="light"] {
  --bg:        #faf7f2;
  --surface-1: #f0ebe2;
  --surface-2: #e6dfd5;
  --surface-3: #d9d1c5;

  --text-primary:   #1c1410;
  --text-secondary: rgba(28,20,16,0.68);
  --text-muted:     #7a6e65;
  --text-faint:     rgba(28,20,16,0.35);

  --border:        rgba(0,0,0,0.08);
  --border-strong: rgba(0,0,0,0.15);

  --header-scrolled-bg:     rgba(250,247,242,0.96);
  --header-scrolled-shadow: 0 1px 0 rgba(0,0,0,.08), 0 4px 28px rgba(0,0,0,.12);

  --card-bg:         #f0ebe2;
  --card-bg-mid:     #e6dfd5;
  --mnav-bg:         #faf7f2;
  --ticker-bg:       #75221c;   /* brand anchor — keep */
  --trust-bg:        #e8e1d8;
  --sched-hdr-bg:    #e6dfd5;
  --sched-hdr-hover: #dcd4c8;
  --perf-row-bg:     #f0ebe2;
  --perf-row-hover:  #e6dfd5;
  --nl-bg:           #5a1915;   /* keep deep burgundy */
  --footer-bg:       #1c1814;   /* dark footer in light mode looks premium */

  --gold-glow: rgba(254,193,8,0.22);

  --btn-outline-color:        #1c1410;
  --btn-outline-border:       rgba(28,20,16,0.25);
  --btn-outline-border-hover: rgba(28,20,16,0.65);
}