/* ==========================================================================
   Team accent colours
   --------------------------------------------------------------------------
   Every rail, strip, top-border and play button in the app is painted with
   var(--team). Keeping the mapping here rather than in Python or JS means a
   component only has to emit data-team="TOR" and the colour follows - the
   server, the client and any future markup all agree for free.

   --team-ink is the readable foreground on that colour, so a badge or play
   button can sit on the team accent without a per-team override.

   Each club's hex is written ONCE, in the --t-* map below. The three selector
   families beneath it only reference that map: a matchup surface carries both
   data-team-away and data-team-home so one element can paint a split strip or
   the hero's away-to-home gradient, which is why they exist at all. Before
   this, a rebrand meant editing the same hex in three places with nothing to
   catch a miss.
   ========================================================================== */
@layer tokens {
  :root {
    /* Readable foreground for the two accent brightnesses. */
    --team-ink-dark: #0F1215;
    --team-ink-light: #FFFFFF;

    /* The one place a club colour is written. */
    --t-ANA: #F47A38;
    --t-BOS: #FFB81C;
    --t-BUF: #002654;
    --t-CAR: #CE1126;
    --t-CBJ: #002654;
    --t-CGY: #C8102E;
    --t-CHI: #CF0A2C;
    --t-COL: #6F263D;
    --t-DAL: #006847;
    --t-DET: #CE1126;
    --t-EDM: #FF4C00;
    --t-FLA: #C8102E;
    --t-LAK: #A2AAAD;
    --t-MIN: #154734;
    --t-MTL: #AF1E2D;
    --t-NJD: #CE1126;
    --t-NSH: #FFB81C;
    --t-NYI: #00539B;
    --t-NYR: #0038A8;
    --t-OTT: #C8102E;
    --t-PHI: #F74902;
    --t-PIT: #FCB514;
    --t-SEA: #68A2B9;
    --t-SJS: #006D75;
    --t-STL: #002F87;
    --t-TBL: #002868;
    --t-TOR: #00205B;
    --t-UTA: #71AFE5;
    --t-VAN: #00205B;
    --t-VGK: #B4975A;
    --t-WPG: #041E42;
    --t-WSH: #C8102E;
  }

  /* Single-team surfaces: rails, cards, play buttons. */
  [data-team="ANA"] { --team: var(--t-ANA); --team-ink: var(--team-ink-dark); }
  [data-team="BOS"] { --team: var(--t-BOS); --team-ink: var(--team-ink-dark); }
  [data-team="BUF"] { --team: var(--t-BUF); --team-ink: var(--team-ink-light); }
  [data-team="CAR"] { --team: var(--t-CAR); --team-ink: var(--team-ink-light); }
  [data-team="CBJ"] { --team: var(--t-CBJ); --team-ink: var(--team-ink-light); }
  [data-team="CGY"] { --team: var(--t-CGY); --team-ink: var(--team-ink-light); }
  [data-team="CHI"] { --team: var(--t-CHI); --team-ink: var(--team-ink-light); }
  [data-team="COL"] { --team: var(--t-COL); --team-ink: var(--team-ink-light); }
  [data-team="DAL"] { --team: var(--t-DAL); --team-ink: var(--team-ink-light); }
  [data-team="DET"] { --team: var(--t-DET); --team-ink: var(--team-ink-light); }
  [data-team="EDM"] { --team: var(--t-EDM); --team-ink: var(--team-ink-light); }
  [data-team="FLA"] { --team: var(--t-FLA); --team-ink: var(--team-ink-light); }
  [data-team="LAK"] { --team: var(--t-LAK); --team-ink: var(--team-ink-dark); }
  [data-team="MIN"] { --team: var(--t-MIN); --team-ink: var(--team-ink-light); }
  [data-team="MTL"] { --team: var(--t-MTL); --team-ink: var(--team-ink-light); }
  [data-team="NJD"] { --team: var(--t-NJD); --team-ink: var(--team-ink-light); }
  [data-team="NSH"] { --team: var(--t-NSH); --team-ink: var(--team-ink-dark); }
  [data-team="NYI"] { --team: var(--t-NYI); --team-ink: var(--team-ink-light); }
  [data-team="NYR"] { --team: var(--t-NYR); --team-ink: var(--team-ink-light); }
  [data-team="OTT"] { --team: var(--t-OTT); --team-ink: var(--team-ink-light); }
  [data-team="PHI"] { --team: var(--t-PHI); --team-ink: var(--team-ink-light); }
  [data-team="PIT"] { --team: var(--t-PIT); --team-ink: var(--team-ink-dark); }
  [data-team="SEA"] { --team: var(--t-SEA); --team-ink: var(--team-ink-dark); }
  [data-team="SJS"] { --team: var(--t-SJS); --team-ink: var(--team-ink-light); }
  [data-team="STL"] { --team: var(--t-STL); --team-ink: var(--team-ink-light); }
  [data-team="TBL"] { --team: var(--t-TBL); --team-ink: var(--team-ink-light); }
  [data-team="TOR"] { --team: var(--t-TOR); --team-ink: var(--team-ink-light); }
  [data-team="UTA"] { --team: var(--t-UTA); --team-ink: var(--team-ink-dark); }
  [data-team="VAN"] { --team: var(--t-VAN); --team-ink: var(--team-ink-light); }
  [data-team="VGK"] { --team: var(--t-VGK); --team-ink: var(--team-ink-dark); }
  [data-team="WPG"] { --team: var(--t-WPG); --team-ink: var(--team-ink-light); }
  [data-team="WSH"] { --team: var(--t-WSH); --team-ink: var(--team-ink-light); }

  /* A matchup exposes both teams so one element can paint a split
     strip (.team-strip) or a gradient (.hero). */
  [data-team-away="ANA"] { --team-away: var(--t-ANA); }
  [data-team-away="BOS"] { --team-away: var(--t-BOS); }
  [data-team-away="BUF"] { --team-away: var(--t-BUF); }
  [data-team-away="CAR"] { --team-away: var(--t-CAR); }
  [data-team-away="CBJ"] { --team-away: var(--t-CBJ); }
  [data-team-away="CGY"] { --team-away: var(--t-CGY); }
  [data-team-away="CHI"] { --team-away: var(--t-CHI); }
  [data-team-away="COL"] { --team-away: var(--t-COL); }
  [data-team-away="DAL"] { --team-away: var(--t-DAL); }
  [data-team-away="DET"] { --team-away: var(--t-DET); }
  [data-team-away="EDM"] { --team-away: var(--t-EDM); }
  [data-team-away="FLA"] { --team-away: var(--t-FLA); }
  [data-team-away="LAK"] { --team-away: var(--t-LAK); }
  [data-team-away="MIN"] { --team-away: var(--t-MIN); }
  [data-team-away="MTL"] { --team-away: var(--t-MTL); }
  [data-team-away="NJD"] { --team-away: var(--t-NJD); }
  [data-team-away="NSH"] { --team-away: var(--t-NSH); }
  [data-team-away="NYI"] { --team-away: var(--t-NYI); }
  [data-team-away="NYR"] { --team-away: var(--t-NYR); }
  [data-team-away="OTT"] { --team-away: var(--t-OTT); }
  [data-team-away="PHI"] { --team-away: var(--t-PHI); }
  [data-team-away="PIT"] { --team-away: var(--t-PIT); }
  [data-team-away="SEA"] { --team-away: var(--t-SEA); }
  [data-team-away="SJS"] { --team-away: var(--t-SJS); }
  [data-team-away="STL"] { --team-away: var(--t-STL); }
  [data-team-away="TBL"] { --team-away: var(--t-TBL); }
  [data-team-away="TOR"] { --team-away: var(--t-TOR); }
  [data-team-away="UTA"] { --team-away: var(--t-UTA); }
  [data-team-away="VAN"] { --team-away: var(--t-VAN); }
  [data-team-away="VGK"] { --team-away: var(--t-VGK); }
  [data-team-away="WPG"] { --team-away: var(--t-WPG); }
  [data-team-away="WSH"] { --team-away: var(--t-WSH); }

  [data-team-home="ANA"] { --team-home: var(--t-ANA); }
  [data-team-home="BOS"] { --team-home: var(--t-BOS); }
  [data-team-home="BUF"] { --team-home: var(--t-BUF); }
  [data-team-home="CAR"] { --team-home: var(--t-CAR); }
  [data-team-home="CBJ"] { --team-home: var(--t-CBJ); }
  [data-team-home="CGY"] { --team-home: var(--t-CGY); }
  [data-team-home="CHI"] { --team-home: var(--t-CHI); }
  [data-team-home="COL"] { --team-home: var(--t-COL); }
  [data-team-home="DAL"] { --team-home: var(--t-DAL); }
  [data-team-home="DET"] { --team-home: var(--t-DET); }
  [data-team-home="EDM"] { --team-home: var(--t-EDM); }
  [data-team-home="FLA"] { --team-home: var(--t-FLA); }
  [data-team-home="LAK"] { --team-home: var(--t-LAK); }
  [data-team-home="MIN"] { --team-home: var(--t-MIN); }
  [data-team-home="MTL"] { --team-home: var(--t-MTL); }
  [data-team-home="NJD"] { --team-home: var(--t-NJD); }
  [data-team-home="NSH"] { --team-home: var(--t-NSH); }
  [data-team-home="NYI"] { --team-home: var(--t-NYI); }
  [data-team-home="NYR"] { --team-home: var(--t-NYR); }
  [data-team-home="OTT"] { --team-home: var(--t-OTT); }
  [data-team-home="PHI"] { --team-home: var(--t-PHI); }
  [data-team-home="PIT"] { --team-home: var(--t-PIT); }
  [data-team-home="SEA"] { --team-home: var(--t-SEA); }
  [data-team-home="SJS"] { --team-home: var(--t-SJS); }
  [data-team-home="STL"] { --team-home: var(--t-STL); }
  [data-team-home="TBL"] { --team-home: var(--t-TBL); }
  [data-team-home="TOR"] { --team-home: var(--t-TOR); }
  [data-team-home="UTA"] { --team-home: var(--t-UTA); }
  [data-team-home="VAN"] { --team-home: var(--t-VAN); }
  [data-team-home="VGK"] { --team-home: var(--t-VGK); }
  [data-team-home="WPG"] { --team-home: var(--t-WPG); }
  [data-team-home="WSH"] { --team-home: var(--t-WSH); }

  /* Fallbacks so a split strip still renders if a team is unknown. */
  :root { --team-away: var(--border-strong); --team-home: var(--border-strong); }
}