/* ============================================================
   THE 90 — Variant 02 · VOLT ARENA
   Design tokens. Dark-led night-match system: layered navy,
   volt green as the hero surface, moderate floodlight glow.
   ============================================================ */

:root {
  /* --- Raw palette ------------------------------------------------ */
  --void:        #04060F;   /* page background */
  --surface:     #0A0F24;   /* cards */
  --surface-2:   #101736;   /* raised surfaces, tiles */
  --surface-3:   #182052;   /* pressed / highest */
  --ink:         #050A30;   /* the only text colour on volt */
  --volt:        #24FF00;   /* hero green — surfaces, CTA, signals */
  --volt-press:  #15C400;   /* hover / pressed green */
  --white:       #FFFFFF;

  /* --- Text --------------------------------------------------------- */
  --text:        #FFFFFF;
  --text-2:      #9AA3BC;
  --text-3:      #7E87A6;
  --ink-soft:    rgba(5, 10, 48, 0.66);   /* secondary text on volt */

  /* --- Lines ---------------------------------------------------------- */
  --line:        rgba(255, 255, 255, 0.08);
  --line-strong: rgba(255, 255, 255, 0.18);
  --ink-line:    rgba(5, 10, 48, 0.22);    /* hairlines on volt */

  /* --- Glow (moderate — floodlight, not signage) ----------------------- */
  --glow:        0 0 24px rgba(36, 255, 0, 0.25);
  --glow-soft:   0 0 14px rgba(36, 255, 0, 0.16);

  /* --- Type -------------------------------------------------------------- */
  --font-display: 'Rubik One', 'Arial Black', 'Rubik', sans-serif;
  --font-body:    'Rubik', -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  --fs-giant:   64px;   /* live score */
  --fs-display: 56px;
  --fs-hero:    40px;
  --fs-h1:      28px;
  --fs-h2:      20px;
  --fs-h3:      17px;
  --fs-body:    15px;
  --fs-small:   13px;
  --fs-micro:   11px;
  --fs-nano:    10px;

  --ls-chip:  0.04em;   /* buttons, pills */
  --ls-label: 0.08em;   /* kicker labels */

  /* --- Space (4px scale) --------------------------------------------------- */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 20px; --sp-6: 24px; --sp-7: 32px; --sp-8: 40px; --sp-9: 56px;
  --pad-page: 20px;

  /* --- Shape: athletic ------------------------------------------------------- */
  --r-card: 20px;
  --r-cell: 16px;
  --r-sm:   12px;
  --r-pill: 999px;

  /* --- Motion: fast & springy -------------------------------------------------- */
  --ease:   cubic-bezier(0.2, 0.7, 0.3, 1);
  --t-fast: 120ms var(--ease);
  --t-med:  150ms var(--ease);

  /* --- Layout ----------------------------------------------------------------- */
  --app-max:  430px;
  --tap:      44px;
  --tabbar-h: 86px;
}