/* =====================================================
   Leaguesx — Sunlit League theme tokens
   Palette: cream paper, white surfaces, deep blue chrome,
   amber accent, dark ink. Manrope + Noto Sans Devanagari.
   ===================================================== */

:root {
  /* Cream paper palette */
  --paper:        #FFFBEF;
  --paper-soft:   #FDF6E2;
  --paper-warm:   #FAEFD0;
  --paper-edge:   #EADFC4;
  --surface:      #FFFFFF;
  --surface-alt:  #FBF6E7;
  --ink:          #1D2A36;
  --ink-soft:     #2E3D4B;
  --ink-muted:    #5E6871;
  --ink-quiet:    #5E6871;
  --hair:         rgba(29, 42, 54, 0.10);
  --hair-soft:    rgba(29, 42, 54, 0.06);
  --hair-strong:  rgba(29, 42, 54, 0.18);

  /* Sunlit League accent system */
  --chrome:       #176A9E;        /* Deep blue navigation chrome */
  --chrome-deep:  #0F4D77;        /* Hover / pressed state */
  --chrome-tint:  rgba(23, 106, 158, 0.10);
  --chrome-edge:  rgba(23, 106, 158, 0.25);
  --amber:        #D17A00;        /* Amber accent for live-state badges and captain pick CTAs */
  --amber-deep:   #A85D00;        /* Hover / pressed state */
  --amber-soft:   rgba(209, 122, 0, 0.12);
  --amber-edge:   rgba(209, 122, 0, 0.32);
  --live:         #C7341A;        /* Live tick / breaking dot */
  --leaf:         #2F7A4E;        /* Verified-source pill (subtle accent) */
  --leaf-soft:    rgba(47, 122, 78, 0.12);

  /* Type */
  --font-display: 'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Devanagari', Roboto, sans-serif;
  --font-body:    'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans Devanagari', Roboto, sans-serif;
  --font-mono:    'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, Consolas, monospace;

  /* Scale */
  --fs-xs:   12px;
  --fs-sm:   14px;
  --fs-base: 17px;
  --fs-md:   19px;
  --fs-lg:   22px;
  --fs-xl:   28px;
  --fs-2xl:  36px;
  --fs-3xl:  44px;
  --fs-4xl:  56px;
  --fs-5xl:  64px;
  --lh-tight: 1.12;
  --lh-snug:  1.28;
  --lh-base:  1.55;
  --lh-loose: 1.75;

  /* Spacing */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 24px;
  --sp-6: 32px;
  --sp-7: 48px;
  --sp-8: 64px;
  --sp-9: 96px;
  --sp-10: 128px;

  /* Radius — soft editorial panels */
  --radius-sm: 10px;
  --radius:    14px;
  --radius-lg: 18px;
  --radius-xl: 24px;
  --radius-pill: 999px;

  /* Shadow */
  --shadow-card:   0 2px 14px rgba(29, 42, 54, 0.07);
  --shadow-soft:   0 1px 4px rgba(29, 42, 54, 0.06);
  --shadow-elev:   0 12px 36px rgba(29, 42, 54, 0.12);
  --shadow-pop:    0 18px 48px rgba(23, 106, 158, 0.18);

  /* Container */
  --container-max:    1240px;
  --container-narrow: 880px;
  --container-prose:  720px;

  /* Header */
  --header-h: 72px;
  --ticker-h: 36px;
}