/* ==========================================================================
   Snake 2048 - "Cyber-Circuit Neon" design tokens
   Single source of truth for the palette/typography defined in
   stitch_ui/DESIGN.md. Consumed by landing.css (home screen) and
   game-ui.css (in-game HUD) so both screens stay in step.
   ========================================================================== */

:root {
  /* surfaces */
  --surface: #111318;
  --surface-container-lowest: #0c0e12;
  --surface-container-low: #1a1c20;
  --surface-container: #1e2024;
  --surface-variant: #333539;
  --on-surface: #e2e2e8;
  --outline: #849495;
  --outline-variant: #3a494b;

  /* primary - cyan */
  --primary-fixed: #6ff6ff;
  --primary-fixed-dim: #00dce6;
  --primary-container: #00f3ff;

  /* secondary - magenta */
  --secondary: #ffabf3;
  --secondary-fixed: #ffd7f5;
  --secondary-container: #fe00fe;
  --on-secondary: #5b005b;

  /* tertiary - lime */
  --tertiary-fixed: #79ff5b;

  /* error */
  --error: #ffb4ab;
  --error-container: #93000a;

  /* the design system's "never use black" shadow colour */
  --shadow-navy: #020305;

  --font-display: "Space Grotesk", "Segoe UI", system-ui, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;
  --font-body: system-ui, "Segoe UI", Roboto, sans-serif;
}