/* Design tokens (§10) — single source of truth for the retro-arcade look. */
:root {
  --bg:            #07060f;
  --bg-soft:       #110d22;
  --panel:         #15102b;
  --neon-cyan:     #2ff3ff;
  --neon-magenta:  #ff3cac;
  --neon-green:    #39ff7a;
  --neon-purple:   #b13bff;
  --sunset-pink:   #ff5fa2;
  --neon-yellow:   #ffe14d;
  --warn-red:      #ff3b3b;
  --text:          #e9e9ff;
  --text-dim:      #9a98c4;

  --font-arcade:   "Press Start 2P", "Courier New", monospace;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;

  --fs-xs: 8px;
  --fs-sm: 10px;
  --fs-md: 14px;
  --fs-lg: 20px;
  --fs-xl: 32px;

  --glow-cyan:    0 0 8px var(--neon-cyan), 0 0 18px rgba(47,243,255,.5);
  --glow-magenta: 0 0 8px var(--neon-magenta), 0 0 18px rgba(255,60,172,.5);
}

/* Self-hosted pixel font (SIL OFL) — no external CDN (DSGVO, §1/§8). */
@font-face {
  font-family: "Press Start 2P";
  src: url("/assets/fonts/PressStart2P-Regular.ttf") format("truetype");
  font-display: swap;
  font-weight: 400;
  font-style: normal;
}