/* ═══════════════════════════════════════════════════════════════
   nfl/assets/css/tokens.css — NFL colours
   Every colour the NFL site uses. Structure lives in
   shared/assets/css/base.css; NFL-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 — NFL red */
  --accent:      #C8102E;
  --accent-2:    #A50D25;
  --accent-tint: #F8DCE1;

  /* Chrome (top bar, nav, section tabs) */
  --chrome:            #0B1F3F;
  --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:  #1F4E9C;
  --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-ARI: #97233F; --team-ARI-fg: #FFFFFF;
  --team-ATL: #A71930; --team-ATL-fg: #FFFFFF;
  --team-BAL: #241773; --team-BAL-fg: #FFFFFF;
  --team-BUF: #00338D; --team-BUF-fg: #FFFFFF;
  --team-CAR: #0085CA; --team-CAR-fg: #FFFFFF;
  --team-CHI: #0B162A; --team-CHI-fg: #FFFFFF;
  --team-CIN: #FB4F14; --team-CIN-fg: #000000;
  --team-CLE: #311D00; --team-CLE-fg: #FFFFFF;
  --team-DAL: #003594; --team-DAL-fg: #FFFFFF;
  --team-DEN: #FB4F14; --team-DEN-fg: #002244;
  --team-DET: #0076B6; --team-DET-fg: #FFFFFF;
  --team-GB: #203731;  --team-GB-fg: #FFB612;
  --team-HOU: #03202F; --team-HOU-fg: #FFFFFF;
  --team-IND: #002C5F; --team-IND-fg: #FFFFFF;
  --team-JAX: #006778; --team-JAX-fg: #FFFFFF;
  --team-KC: #E31837;  --team-KC-fg: #FFFFFF;
  --team-LA: #003594;  --team-LA-fg: #FFD100;
  --team-LAC: #0080C6; --team-LAC-fg: #FFFFFF;
  --team-LV: #000000;  --team-LV-fg: #A5ACAF;
  --team-MIA: #008E97; --team-MIA-fg: #FFFFFF;
  --team-MIN: #4F2683; --team-MIN-fg: #FFC62F;
  --team-NE: #002244;  --team-NE-fg: #FFFFFF;
  --team-NO: #D3BC8D;  --team-NO-fg: #101820;
  --team-NYG: #0B2265; --team-NYG-fg: #FFFFFF;
  --team-NYJ: #125740; --team-NYJ-fg: #FFFFFF;
  --team-PHI: #004C54; --team-PHI-fg: #FFFFFF;
  --team-PIT: #FFB612; --team-PIT-fg: #101820;
  --team-SEA: #002244; --team-SEA-fg: #69BE28;
  --team-SF: #AA0000;  --team-SF-fg: #FFFFFF;
  --team-TB: #D50A0A;  --team-TB-fg: #FFFFFF;
  --team-TEN: #0C2340; --team-TEN-fg: #4B92DB;
  --team-WAS: #5A1414; --team-WAS-fg: #FFB612;
}

/* ─── DARK ─────────────────────────────────────────────────────
   Only values that change. Anything written as var(--…) above
   follows automatically. Heat ramp, team colours, last-10 cells,
   contact form and text on red 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:      #E03A52;
  --accent-2:    #C8102E;
  --accent-tint: #313337;

  --chrome:     #0B1F3F;
  --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);
}