/* ==========================================================================
   Design tokens — Dookie United FNC
   Ported faithfully from SportsWeb One's real "Broadcast" design variant
   (SportsWeb-One/src/styles/tokens.css, [data-variant="broadcast"] block +
   the base :root above it) — dark/ink match-day system, Anton display /
   Outfit body. Values below are copied 1:1 from that source, mapped onto
   this site's existing custom-property names so the rest of site.css and
   build.mjs don't need to be renamed. Club's real brand teal (#1F8CA7)
   plays the role of --club-accent — SW1's own principle is that a club's
   brand colour always overrides the template's demo accent.
   ========================================================================== */
:root{
  /* Brand (== SW1's --club-accent / --club-silver, unchanged — real Dookie colours) */
  --teal-900:#0b3843;
  --teal-800:#0f4c5c;
  --teal-700:#146575;
  --teal-600:#1a7b8f;
  --teal-500:#1F8CA7;   /* == --club-accent / --accent */
  --teal-400:#3fa6c0;
  --teal-300:#7cc3d6;
  --teal-100:#e4f4f8;
  --teal-050:#f2fafc;

  --silver-700:#6f6f6f;
  --silver-500:#9B9B9B;  /* == --club-silver */
  --silver-300:#c7c7c7;
  --silver-150:#e2e2e2;
  --silver-100:#eeeeee;

  --ink-900:#0b0d0e;
  --ink-800:#15191b;
  --ink-700:#2a3134;
  --ink-600:#454f53;
  --ink-500:#636f73;
  --ink-300:#a6b0b3;
  --ink-150:#dfe5e6;
  --ink-100:#eef1f2;
  --paper:#ffffff;
  --paper-warm:#fbfaf7;

  --ok-700:#1e6b3e;
  --ok-100:#e5f5ec;

  /* ---------- Broadcast surfaces (SW1 [data-variant="broadcast"]) ---------- */
  --ink-black:#0b0e10;          /* SW1 --ink-black */
  --color-bg:var(--ink-black);         /* SW1 --bg */
  --color-bg-alt:#0f1418;              /* SW1 --bg-alt */
  --color-bg-invert:var(--paper);      /* SW1 --bg-invert (paper on broadcast) */
  --color-surface:#14181b;             /* SW1 --surface */
  --color-surface-2:#1b2024;           /* SW1 --surface-2 */
  --color-text:#f4f6f7;                /* SW1 --text */
  --color-text-soft:#8f9a9d;           /* SW1 --text-soft = color-mix(#f4f6f7 64%, #0b0e10) */
  --color-text-invert:var(--ink-black);/* SW1 --text-invert */
  --color-border:#2a3036;              /* SW1 --border */
  --color-hero-bg:var(--ink-black);
  --color-hero-text:#ffffff;
  --color-header-bg:rgba(11,14,16,.82);/* SW1 --header-bg = 82% ink-black */
  --color-header-text:#ffffff;

  --color-text-muted:var(--color-text-soft);
  --color-primary:var(--teal-500);
  --color-primary-dark:var(--teal-400);   /* lighter teal reads on dark bg */
  --color-primary-darker:var(--teal-300);
  --color-accent:var(--teal-500);
  --color-accent-dark:var(--teal-400);
  /* SW1 --accent-on-bg (broadcast) = color-mix(accent 86%, white) — accent
     lightened toward white so it reads on the dark ink surfaces. */
  --color-accent-on-bg:#3b9fb6;
  --color-silver:var(--silver-500);
  --color-link:var(--teal-400);
  --color-focus:var(--teal-400);

  /* Typography — per Carson (2026-08-14): Anton read as too tight/cramped
     to be clear at heading sizes, swapped for Big Shoulders Display (bold
     condensed, same athletic/broadcast energy, better legibility) — a font
     he'd already praised in an earlier round of this build. Body stays
     Outfit (unaffected by the feedback). */
  --font-display:"Big Shoulders Display", "Arial Narrow", sans-serif;
  --font-body:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:"Geist Mono", ui-monospace, "SFMono-Regular", Menlo, monospace;

  /* Big Shoulders Display needs real weight/tracking (unlike Anton, which is
     drawn bold at regular weight) to keep the same bold broadcast feel. */
  --heading-weight:700;
  --heading-tracking:.005em;
  --heading-leading:.95;
  --heading-transform:uppercase;

  /* Heritage motif — signature diagonal lean, matches SW1 --skew exactly */
  --skew-angle:-11deg;

  --fs-xs:.8125rem;
  --fs-sm:.9375rem;
  --fs-base:1.0625rem;
  --fs-md:1.1875rem;
  --fs-lg:1.375rem;
  --fs-xl:1.75rem;
  --fs-2xl:2.25rem;
  --fs-3xl:3rem;
  --fs-4xl:3.75rem;

  --lh-tight:1.15;
  --lh-snug:1.3;
  --lh-normal:1.6;
  --lh-relaxed:1.75;

  /* Spacing scale */
  --space-1:.25rem;
  --space-2:.5rem;
  --space-3:.75rem;
  --space-4:1rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:2.5rem;
  --space-8:3rem;
  --space-9:4rem;
  --space-10:5rem;
  --space-11:6.5rem;

  /* Layout — SW1 --container:1200px; SW1 --radius:4px broadcast (base default,
     broadcast doesn't override radius) */
  --container-max:1200px;
  --container-narrow:820px;
  --radius-sm:4px;
  --radius-md:4px;
  --radius-lg:8px;
  --radius-pill:999px;

  /* SW1 broadcast --shadow: 0 1px 2px rgba(0,0,0,.4), 0 12px 32px rgba(0,0,0,.45) */
  --shadow-sm:0 1px 2px rgba(0,0,0,.4);
  --shadow-md:0 12px 32px rgba(0,0,0,.45);
  --shadow-lg:0 16px 40px rgba(0,0,0,.5);

  --header-h:76px;              /* SW1 .sw-header min-height */
  --header-h-mobile:68px;

  /* SW1 --ease / --dur */
  --ease:cubic-bezier(.2,.7,.2,1);
  --dur:220ms;
}

/* Ink-black, match-day dark theme sitewide — Dookie's own request to move
   away from the light "heritage" look, ported using the real SW1 Broadcast
   variant's exact token values (not an approximation). */