/* ==========================================================================
   DIRECTION A SKIN — CANVA WAVE 2, HV2 LEAGUE FRONTS (2026-10-14)
   Family: /sports/{nfl,nba,mlb,nhl,wnba,mls,college}/ (shared hv2 frame)
   CSS-only. No markup, JS, data or copy changes. Loads AFTER hub-v2.css and
   bible.css on those fronts only — Fight, Pool and the soccer fronts do
   not load this file and are untouched.
   Tokens (Direction A — The Editorial Standard): cream #000000, ink
   #A5ACAF (canonical; #141310 never used), brick #FFFFFF, sand #1B1B1B,
   hairline #2C2C2C, dotted #7E858B, press red #6E7478.
   LOCKED IDENTITY — deliberately NOT touched by this skin: each league's
   held color (--hub-accent inline per front), the league-switcher bar
   (.eh-leaguebar) and the league nav (.pv-league-nav), the live-dot
   animation, and the hero photo scrim (contrast-fix layer in hub-v2.css).
   ========================================================================== */

/* ---- token alignment: the hv2 accent becomes Direction A brick ---- */
:root{
  --hv2-red:#E10600;
  --hv2-ink:#A5ACAF;
  --hv2-cream:#000000;
  --hv2-line:#2C2C2C;
  --hv2-sand:#1B1B1B;
  /* --hv2-muted intentionally not redeclared: hub-v2.css's 2026-10-14
     contrast fix (#6B5F4C, 5.1:1 on cream/sand) stands. */
}

/* ---- scoreboard strip: sand box, square corners, hairline ---- */
.hv2-strip{background:#1B1B1B;border:1px solid #2C2C2C;border-radius:0}
.hv2-strip__head{border-bottom:1px solid #2C2C2C}
.hv2-strip__head .kicker{color:#FFFFFF;letter-spacing:.24em}
.hv2-game{background:#101010;border:1px solid #2C2C2C;border-radius:0}
.hv2-game.is-live{border-color:#FFFFFF;box-shadow:0 0 0 1px #FFFFFF}

/* ---- editorial hero: square frame, serif display, brick kicker chip ---- */
.hv2-lead{border-radius:0}
.hv2-kicker{background:#E10600;color:#FFFFFF;border-radius:0;letter-spacing:.26em}
.hv2-lead h2{font-family:'Previously Display';font-weight:400}
.hv2-side-story{background:#101010;border:1px solid #2C2C2C;border-radius:0}
.hv2-side-story .k{color:#FFFFFF}
.hv2-side-story h3{font-family:'Previously Display'}

/* ---- section heads: Playfair title, brick kicker (2px ink rule stands) ---- */
.hv2-sec__head h2{font-family:'Previously Display';font-weight:400}
.hv2-sec__head .kicker{color:#FFFFFF;letter-spacing:.24em}

/* ---- latest: brick rank numerals, serif headlines, square thumbs ---- */
.hv2-latest li{border-bottom:1px solid #2C2C2C}
.hv2-latest .n{font-family:'Previously Display';color:#D7DBDD}
.hv2-latest h3{font-family:'Previously Display'}
.hv2-latest img{border-radius:0}

/* ---- video rail: square cards, brick play button ---- */
.hv2-clip{background:#101010;border:1px solid #2C2C2C;border-radius:0}
.hv2-clip__dur{border-radius:0}
.hv2-clip__play{background:#FFFFFF;color:#000000}

/* ---- leaders: square tabs, ink selected state, brick ranks ---- */
.hv2-tab{border:1px solid #2C2C2C;background:#101010;border-radius:0}
.hv2-tab[aria-selected="true"]{background:#FFFFFF;color:#000000;border-color:#FFFFFF}
.hv2-leaders li{border-bottom:1px solid #2C2C2C}
.hv2-leaders .r{font-family:'Previously Display';color:#D7DBDD}

/* ---- sidebar cards + standings: square, hairline, serif card titles ---- */
.hv2-card{background:#101010;border:1px solid #2C2C2C;border-radius:0}
.hv2-card h3{font-family:'Previously Display'}
.hv2-card.hv2-bridges{background:#1B1B1B}
.hv2-side .hv2-sec{background:#101010;border:1px solid #2C2C2C;border-radius:0}
.hv2-standings th{border-bottom:1px solid #2C2C2C}
.hv2-standings td{border-bottom:1px solid #2C2C2C}
.hv2-upcoming li{border-bottom:1px solid #2C2C2C}

/* ================= RAIDERS PHASE 2 (2026-10-16) =================
   The --desert-* token set, re-valued to the locked role map. Every
   var-driven sheet on these fronts (hubs, hub-v2, sections, league-nav,
   team-directory) flips through this one block. Values: ground #000000,
   card #101010, pressed #1B1B1B, ink silver #A5ACAF, dim #959DA2,
   faint #8C9399, accent WHITE, accent-deep #6E7478. */
:root{
  --desert-bg:#000000; --desert-bg-rgb:0,0,0;
  --desert-card:#101010; --desert-card-rgb:16,16,16;
  --desert-pressed:#1B1B1B; --desert-pressed-rgb:27,27,27;
  --desert-ink:#A5ACAF; --desert-ink-rgb:165,172,175;
  --desert-ink-dim:#959DA2; --desert-ink-faint:#8C9399;
  --desert-rule:rgba(165,172,175,.14);
  --desert-accent:#FFFFFF; --desert-accent-rgb:255,255,255;
  --desert-accent-deep:#6E7478; --desert-accent-deep-rgb:110,116,120;
  --desert-accent-soft:rgba(255,255,255,.12); --desert-accent-soft-rgb:255,255,255;
  --desert-accent-faint:rgba(255,255,255,.07);
  --desert-accent-glow:rgba(255,255,255,.30); --desert-accent-glow-lg:rgba(255,255,255,.48);
  --desert-accent-ember:#D7DBDD; --desert-accent-ember-rgb:215,219,221;
  --desert-glass:rgba(0,0,0,.92);
  --desert-shadow:rgba(0,0,0,.14); --desert-shadow-rgb:0,0,0;
  --desert-scrim-strong:rgba(0,0,0,.88); --desert-scrim-mid:rgba(0,0,0,.35);
  --desert-scrim-soft:rgba(0,0,0,.05);
}

/* hub-v2's --hv2-muted (#6B5F4C) was measured on cream; on black it falls
   to ~2.9:1. Redeclared at the tertiary silver step. */
:root{ --hv2-muted:#8C9399; }

/* RAIDERS PHASE 2: brand-red chain resolves to the white accent in the
   sports scheme (live dots, focus, fills read white-on-black / black-on-white) */
:root{--brand-red:#FFFFFF;--brand-red-rgb:255,255,255;--brand-red-ember:#D7DBDD}

/* RAIDERS P2 residual: bible chrome (top bar, bottom nav) flips at root */
:root{--bible-bg:#000000;--bible-card:#101010;--bible-ink:#A5ACAF;--bible-ink-soft:#959DA2;--bible-ink-dim:#8C9399;--bible-red:#FFFFFF;--bible-red-deep:#6E7478;--bible-rule:#2C2C2C;--bible-cream:#A5ACAF;--bible-cream-dim:rgba(165,172,175,.82);--bible-peach:#D7DBDD;--bible-champagne:#D7DBDD;--bible-fdf:#101010;--bible-win:#FFFFFF}

/* RAIDERS P2 residual 2: league-nav strip + mega panels flip at the component */
.pv-league-nav{--desert-bg:#000000;--desert-card:#101010;--desert-pressed:#1B1B1B;--desert-ink:#A5ACAF;--desert-ink-dim:#959DA2;--desert-ink-faint:#8C9399;--desert-rule:#2C2C2C;--desert-accent:#FFFFFF;--desert-accent-deep:#D7DBDD;--desert-accent-faint:rgba(255,255,255,.08);--desert-accent-rgb:255,255,255;--shadow-brown-deep-rgb:0,0,0}