/* Stack Up design system tokens (ported from the Stack Up Design System). */

/* Bungee (display) + Barlow 500–800 (body), latin subsets. */
@font-face{font-family:"Barlow";font-style:normal;font-weight:500;font-display:swap;src:url("../assets/fonts/barlow-500.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:600;font-display:swap;src:url("../assets/fonts/barlow-600.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/barlow-700.woff2") format("woff2")}
@font-face{font-family:"Barlow";font-style:normal;font-weight:800;font-display:swap;src:url("../assets/fonts/barlow-800.woff2") format("woff2")}
@font-face{font-family:"Bungee";font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/bungee-400.woff2") format("woff2")}

:root{
  /* Colors */
  --steel:#1B1F24; --ink:#1B1F24; --card:#FFFFFF; --soft:#F1F2F4; --muted:#5D6672;
  --hazard:#FFC72C; --hazard-dk:#D9A100; --orange:#FF6B1A; --mist:rgba(255,255,255,.75);
  --ink-2:#3D4550;
  --line:#CDD2D9;
  --hot-bg:#FFE8D9; --hot-fg:#B8460D;
  --pill-bg:rgba(20,24,30,.66);
  --combo-hot:rgba(255,107,26,.94);
  --hud-chip-line:rgba(255,255,255,.16);
  --ground:#3A3F47; --ground-curb:#5A606A;
  --zone-downtown-top:#5FB6EE; --zone-downtown-bot:#CFEFFF;
  --zone-golden-top:#E9785A;   --zone-golden-bot:#FFD59A;
  --zone-night-top:#0B1431;    --zone-night-bot:#28386A;
  --zone-cloud-top:#6352BE;    --zone-cloud-bot:#F2B5D4;
  --zone-orbit-top:#020309;    --zone-orbit-bot:#0B1233;

  /* Typography */
  --display:"Bungee","Arial Black","Impact",sans-serif;
  --body:"Barlow",system-ui,-apple-system,"Segoe UI",sans-serif;
  --tracking-eyebrow:.14em;

  /* Radii */
  --radius-chip:4px; --radius-tile:6px; --radius-card:8px; --radius-button:8px;
  --radius-stage:18px; --radius-pill:999px;

  /* Shadows */
  --shadow-card:0 18px 40px rgba(0,0,0,.35);
  --shadow-primary:0 4px 0 var(--hazard-dk);

  /* Hazard tape */
  --hazard-tape:repeating-linear-gradient(-45deg,var(--hazard) 0 12px,var(--ink) 12px 24px);
  --hazard-tape-h:12px;
}