/* ---------------------------------------------------------------------------
   tokens.css -- the ONLY file holding theme values.
   Provisional Winnipeg Jets palette. Jony's design system replaces this file
   wholesale; no other stylesheet or markup carries a literal colour, radius,
   shadow or type scale, so a swap here re-skins the whole app.
   --------------------------------------------------------------------------- */
:root {
  /* brand */
  --jets-polar-night: #041E42;   /* Polar Night Blue */
  --jets-aviator:     #004C97;   /* Aviator Blue */
  --jets-silver:      #A2AAAD;   /* Silver */
  --jets-red:         #AC162C;   /* red accent */
  --jets-white:       #FFFFFF;

  /* surfaces -- dark arena, not admin panel */
  --bg:            #03152F;
  --bg-deep:       #020D1E;
  --surface:       #08234A;
  --surface-2:     #0C2C5B;
  --surface-hi:    #12376E;
  --line:          #1B4480;
  --line-soft:     rgba(162, 170, 173, 0.18);

  /* ink */
  --ink:           #EAF1F8;
  --ink-dim:       #9FB3CC;
  --ink-mute:      #6E88A6;
  --ink-on-accent: #FFFFFF;

  /* accents */
  --accent:        var(--jets-aviator);
  --accent-hot:    var(--jets-red);
  --accent-soft:   rgba(0, 76, 151, 0.28);
  --good:          #3FB980;
  --bad:           var(--jets-red);
  --warn:          #E0A83C;

  /* type */
  --font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
  --font-display: var(--font);
  --fs-xs:   0.75rem;
  --fs-sm:   0.875rem;
  --fs-base: 1rem;
  --fs-lg:   1.125rem;
  --fs-xl:   1.375rem;
  --fs-2xl:  1.75rem;
  --fs-3xl:  2.25rem;
  --fs-hero: clamp(2.25rem, 8vw, 3.5rem);
  --tracking-caps: 0.12em;
  --weight-normal: 400;
  --weight-med:    600;
  --weight-bold:   800;

  /* space */
  --s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
  --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px;

  /* shape */
  --radius-sm: 8px;
  --radius:    14px;
  --radius-lg: 22px;
  --radius-pill: 999px;
  --border: 1px solid var(--line);

  /* depth */
  --shadow:    0 6px 24px rgba(2, 10, 25, 0.45);
  --shadow-lg: 0 18px 48px rgba(2, 10, 25, 0.6);
  --glow:      0 0 0 3px var(--accent-soft);

  /* motion */
  --fast: 120ms ease;
  --base: 220ms cubic-bezier(0.22, 1, 0.36, 1);

  /* layout */
  --measure: 880px;
  --head-h: 58px;

  /* TV mode */
  --tv-rotate-seconds: 12s;
  --tv-fs-hero:  clamp(4rem, 11vw, 10rem);
  --tv-fs-big:   clamp(2.5rem, 5.5vw, 5rem);
  --tv-fs-mid:   clamp(1.6rem, 2.6vw, 2.6rem);
  --tv-fs-small: clamp(1.1rem, 1.6vw, 1.6rem);
}