/*
 * GENERATED FILE — do not edit by hand.
 * Source: tokens/tokens.json  ·  Rebuild: npm run tokens
 */
:root {
  /* color */
  --color-bg: #0b0f0d; /* Page / viewport background */
  --color-hud-green: #c3cec7; /* Primary text and HUD values */
  --color-hud-amber: #ddc59a; /* Target, accent, landing pad */
  --color-hud-red: #d18f82; /* Danger, crash, world boundary */
  --color-hud-dim: rgba(195, 206, 199, 0.6); /* Labels, borders, ghost UI */
  --color-panel-bg: rgba(6, 14, 10, 0.98); /* HUD and overlay panel fill */
  --color-street: #d9d4c4; /* Flyable corridor fill */
  --color-offlimits: #171b16; /* Everything off-track */
  --color-on-green: #06120b; /* Text on a filled green button */
  --color-on-red: #170606; /* Text on a filled red button */
  --color-hairline: rgba(195, 206, 199, 0.15); /* Dashed row dividers */
  --color-tint: rgba(195, 206, 199, 0.08); /* Subtle fill: keycaps, hover, inline code */
  --color-tint-strong: rgba(195, 206, 199, 0.12); /* Stronger fill: ghost hover, empty speed track */
  --color-amber-line: rgba(221, 197, 154, 0.4); /* Border on the target panel */
  --color-red-muted: rgba(209, 143, 130, 0.55); /* Crash panel subtitle */
  --color-overlay-scrim: rgba(6, 10, 8, 0.86); /* Full-screen overlay backdrop */
  --color-stage-bg: #12160f; /* Design-system demo stage */
  --color-canvas-centerline: rgba(243, 239, 225, 0.55); /* Dashed corridor centerline */
  --color-canvas-pad-fill: #3a2f1c; /* Landing pad core */
  --color-canvas-drone-arm: #1a2620; /* Fallback drone arms (sprite not loaded) */
  --color-canvas-drone-body: #101915; /* Fallback drone body (sprite not loaded) */
  --color-canvas-minimap-bg: #0d1712; /* Radar background */

  /* font */
  --font-family-mono: 'Courier New', ui-monospace, 'SFMono-Regular', Menlo, monospace;
  --font-size-heading: 32px; /* Overlay panel heading */
  --font-size-subheading: 24px; /* Compact panel heading */
  --font-size-base: 16px; /* Everything else */
  --font-size-small: 14px; /* Map picker description */
  --font-size-caption: 13px; /* Thumbnail labels */
  --font-size-micro: 12px; /* In-flight CHANGE MAP button */
  --font-weight-bold: 700;

  /* radius */
  --radius-hairline: 2px; /* Speed track, radar canvas */
  --radius-panel: 4px; /* HUD panels, buttons, keycaps, map picks */
  --radius-overlay: 6px; /* Map select / start / game-over panel */

  /* space */
  --space-screen: 16px; /* HUD distance from the viewport edge */
  --space-hud-y: 12px; /* HUD panel vertical padding */
  --space-hud-x: 16px; /* HUD panel horizontal padding */

  /* border */
  --border-width: 1px; /* All panel and component borders */
  --border-color: var(--color-hud-dim); /* Neutral, low-emphasis framing */

  /* shadow */
  --shadow-vignette: inset 0 0 160px rgba(0, 0, 0, 0.55); /* Darkened screen edges over the flight view */

  /* motion */
  --motion-fast: 0.15s; /* Button hover */
  --motion-flash: 0.5s; /* Crash / delivery screen flash fade */
}