/*
 * whynba design tokens (owner-approved redesign, 2026-10-19). Source of truth: docs/redesign/tokens/whynba-courtside.tokens.json.
 * Fonts are self-hosted (SIL Open Font License: Archivo by Omnibus-Type, Newsreader by Production Type); Latin subset,
 * variable weight/width/optical size. Loaded by inc/redesign.php before redesign.css.
 */
@font-face{font-family:"Archivo";font-style:normal;font-weight:400 900;font-stretch:62% 125%;font-display:swap;src:url(fonts/archivo-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/newsreader-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/newsreader-italic-var-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root {
  /* Primitive */
  --wn-navy-900: #13213C; --wn-navy-800: #1E3157; --wn-navy-700: #2C3A55; --wn-navy-600: #2E4470;
  --wn-navy-500: #4A6290; --wn-navy-300: #9FB0CC; --wn-navy-200: #C9D3E6; --wn-navy-100: #E6EBF2; --wn-navy-50: #EEF2F7;
  --wn-slate-600: #5A6476; --wn-slate-300: #B4C0D2; --wn-slate-200: #D8DDE6;
  --wn-hardwood-700: #A0521A; --wn-hardwood-400: #E09A62; --wn-hardwood-200: #F2C18D;
  --wn-court-green-700: #1F6B3A; --wn-white: #FFFFFF;
  --wn-font-display: "Archivo", "Arial Narrow", sans-serif;
  --wn-font-reading: "Newsreader", Georgia, serif;
  --wn-size-xs: 13px; --wn-size-sm: 16px; --wn-size-md: 20px; --wn-size-lg: 25px; --wn-size-xl: 31px;
  --wn-size-2xl: 39px; --wn-size-3xl: 49px; --wn-size-4xl: 61px; --wn-size-5xl: 76px;
  --wn-space-1: 4px; --wn-space-2: 8px; --wn-space-3: 12px; --wn-space-4: 16px; --wn-space-6: 24px;
  --wn-space-8: 32px; --wn-space-12: 48px; --wn-space-16: 64px;
  --wn-radius-sm: 6px; --wn-radius-md: 12px; --wn-radius-pill: 999px;

  /* Semantic */
  --wn-text: var(--wn-navy-900);
  --wn-text-secondary: var(--wn-navy-700);
  --wn-text-muted: var(--wn-slate-600);
  --wn-text-label: var(--wn-hardwood-700);
  --wn-text-on-band: var(--wn-white);
  --wn-text-on-band-muted: var(--wn-navy-200);
  --wn-text-signal: var(--wn-hardwood-200);
  --wn-text-win: var(--wn-court-green-700);
  --wn-text-loss: var(--wn-hardwood-700);
  --wn-surface: var(--wn-white);
  --wn-surface-band: var(--wn-navy-900);
  --wn-surface-band-raised: var(--wn-navy-800);
  --wn-surface-photo: var(--wn-navy-100);
  --wn-surface-track: var(--wn-navy-50);
  --wn-border-strong: var(--wn-navy-900);
  --wn-border-subtle: var(--wn-slate-200);
  --wn-border-on-band: var(--wn-navy-600);
  --wn-focus: var(--wn-hardwood-700);
  --wn-data-better: var(--wn-navy-900);
  --wn-data-other: var(--wn-slate-300);
  --wn-space-inline-tight: var(--wn-space-2);
  --wn-space-stack-item: var(--wn-space-3);
  --wn-space-stack-module: var(--wn-space-6);
  --wn-space-section: var(--wn-space-12);
  --wn-gutter: clamp(16px, 3vw, 40px);
  --wn-radius-media: var(--wn-radius-sm);
  --wn-radius-well: var(--wn-radius-md);
  --wn-radius-control: var(--wn-radius-pill);
  --wn-touch-target: 44px;
  --wn-content-max: 1320px;
  --wn-rail: 340px;

  /* Component */
  --wn-score-strip-divider: var(--wn-border-subtle);
  --wn-scoreboard-bg: var(--wn-surface-band);
  --wn-scoreboard-well: var(--wn-surface-band-raised);
  --wn-scoreboard-status: var(--wn-text-signal);
  --wn-section-rule: var(--wn-border-strong);
  --wn-comparison-track: var(--wn-surface-track);
  --wn-comparison-better: var(--wn-data-better);
  --wn-comparison-other: var(--wn-data-other);
}