/* ═══════════════════════════════════════════════════════════════
   wnba/assets/css/tokens.css — WNBA colours
   Every colour the WNBA site uses. Structure lives in
   shared/assets/css/base.css; WNBA-only rules in style.css.
   Light (default) and dark.
   ═══════════════════════════════════════════════════════════════ */

:root {
  color-scheme: light;

  /* Surfaces */
  --paper:   #FAFAFA;
  --paper-2: #F2F2F2;
  --paper-3: #EAEAEA;

  /* Ink */
  --ink:     #111111;
  --ink-2:   #2A2A2A;
  --muted:   #6B6B6B;
  --muted-2: #8A8A8A;

  /* Rules */
  --rule:      #D8D8D8;
  --rule-soft: #E5E5E5;

  /* Accent — basketball orange */
  --accent:      #E25822;
  --accent-2:    #C24414;
  --accent-tint: #FBE6DC;

  /* Chrome (top bar, nav, section tabs) */
  --chrome:            #2F5D8C;
  --chrome-ink:        #FAFAFA;
  --chrome-text:       rgba(246,242,234,.85);
  --chrome-text-dim:   rgba(246,242,234,.55);
  --chrome-line:       rgba(246,242,234,.25);
  --chrome-line-hover: rgba(246,242,234,.5);
  --chrome-divider:    rgba(246,242,234,.15);

  /* Newsletter field in the top bar */
  --nl-bg:          rgba(250,250,250,.08);
  --nl-line:        rgba(250,250,250,.18);
  --nl-placeholder: rgba(250,250,250,.5);

  /* Masthead / footer rules */
  --masthead-rule: var(--ink);
  --foot-rule:     var(--ink);

  /* Text on accent-coloured buttons */
  --on-accent:   #FFFFFF;
  --jumpnav-ink: #FFFFFF;

  /* League stamp next to the brand name in the top bar */
  --stamp-bg:  #5584B5;
  --stamp-ink: #FFFFFF;

  /* Position badge */
  --pos-bg:   #E2E2E2;
  --pos-line: #C2C2C2;
  --pos-ink:  #111111;

  /* Heat ramp: surface + matching ink */
  --h0: #F4D4CC;  --h0-ink: #6A2010;
  --h1: #F6E0B8;  --h1-ink: #6A3810;
  --h2: #F1E69A;  --h2-ink: #5A4810;
  --h3: #D6E29A;  --h3-ink: #3D4F1A;
  --h4: #A8D69A;  --h4-ink: #1F5524;
  --h5: #7CC8A5;  --h5-ink: #0E5238;

  /* Win/Loss */
  --win:     #5C8A66;
  --loss:    #B05545;
  --l10-ink: #FFFFFF;

  /* Team page Last 10 cells */
  --last10-won-bg:   #1a3a26;
  --last10-won-ink:  #5dcc80;
  --last10-lost-bg:  #3a1a1a;
  --last10-lost-ink: #cc5d5d;

  /* Pills (fallback when no team colour) */
  --pill-bg:  #444444;
  --pill-ink: #FFFFFF;

  /* Picks team band */
  --pgh-fallback-ink: #FFFFFF;
  --pgh-pill-bg:      rgba(0,0,0,.25);
  --pgh-at-bg:        var(--paper-2);
  --pgh-at-ink:       var(--ink);

  /* Lineups game header bar */
  --lgh-bg:  #8E8D89;
  --lgh-ink: #FFFFFF;

  /* Contact form */
  --form-ok:       #2ecc71;
  --form-err-bg:   rgba(206,17,65,.12);
  --form-err-line: #CE1141;
  --form-err-ink:  #ff6b8a;

  /* Column Key popup backdrop */
  --modal-overlay: rgba(0,0,0,.45);

  /* Shadows */
  --shadow-row:   0 4px 12px rgba(0,0,0,.08);
  --shadow-card:  0 4px 14px rgba(0,0,0,.07);
  --shadow-float: 0 4px 14px rgba(0,0,0,.15);

  /* Team colours — used by .pill[data-team] and .pgh-team[data-team] */
  --team-ATL: #C8102E;  --team-ATL-fg: #FFFFFF;
  --team-CHI: #418FDE;  --team-CHI-fg: #FFFFFF;
  --team-CON: #F05023;  --team-CON-fg: #FFFFFF;
  --team-DAL: #002B5C;  --team-DAL-fg: #FFFFFF;
  --team-GSV: #1D428A;  --team-GSV-fg: #FFFFFF;
  --team-IND: #041E42;  --team-IND-fg: #FFFFFF;
  --team-LAS: #552583;  --team-LAS-fg: #FFFFFF;
  --team-LVA: #000000;  --team-LVA-fg: #FFFFFF;
  --team-MIN: #236192;  --team-MIN-fg: #FFFFFF;
  --team-NYL: #6ECEB2;  --team-NYL-fg: #000000;
  --team-PHO: #CB6015;  --team-PHO-fg: #FFFFFF;
  --team-SEA: #2C5234;  --team-SEA-fg: #FFFFFF;
  --team-WAS: #C8102E;  --team-WAS-fg: #FFFFFF;
  --team-TOR: #B4272B;  --team-TOR-fg: #FFFFFF;
  --team-POR: #000000;  --team-POR-fg: #FFFFFF;
}

/* ─── DARK ─────────────────────────────────────────────────────
   Only values that change. Anything written as var(--…) above
   follows automatically. Heat ramp, team colours, last-10 cells,
   contact form and text on orange work on both and stay the same. */
:root[data-theme="dark"] {
  color-scheme: dark;

  --paper:   #1F2023;
  --paper-2: #27292C;
  --paper-3: #313337;

  --ink:     #EDEDED;
  --ink-2:   #CACACA;
  --muted:   #9A9A9A;
  --muted-2: #6E6E6E;

  --rule:      #3A3C40;
  --rule-soft: #313337;

  --accent:      #F26A30;
  --accent-2:    #E25822;
  --accent-tint: #313337;

  --chrome:     #2F5D8C;
  --chrome-ink: #EDEDED;

  --pos-bg:   #45474C;
  --pos-line: #5C5E63;
  --pos-ink:  #EDEDED;

  --modal-overlay: rgba(0,0,0,.65);

  --shadow-row:   0 4px 12px rgba(0,0,0,.4);
  --shadow-card:  0 4px 14px rgba(0,0,0,.35);
  --shadow-float: 0 4px 14px rgba(0,0,0,.5);
}