/* RETROROADS — styles.css: tokens + reset (layout lives in site.css) */

:root {
  /* Palette: night asphalt, double-yellow paint, sheriff light bar */
  --rr-asphalt:   #07090c;
  --rr-surface-1: #0d1014;
  --rr-surface-2: #141920;
  --rr-surface-3: #232b36;
  --rr-yellow:    #f2c230;
  --rr-red:       #ff4a3d;
  --rr-blue:      #4a9dff;
  --rr-paint:     #e9e6dc;

  --text-primary: #d3dae2;
  --text-muted:   #8090a0;
  --text-dim:     #56636f;

  --font-display: 'Press Start 2P', monospace;
  --font-mono:    'Share Tech Mono', monospace;

  --type-label:   10px;
  --type-read-sm: 14px;
  --type-read:    16px;
  --type-title:   18px;

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 36px;
  --space-7: 56px;
  --space-8: 80px;
  --space-9: 112px;

  --border-hair: 1px;
  --tracking-wide:  0.12em;
  --tracking-wider: 0.2em;

  --glow-yellow: 0 0 24px rgba(242,194,48,.5), 0 0 48px rgba(242,194,48,.18);
  --glow-blue:   0 0 20px rgba(74,157,255,.55), 0 0 40px rgba(74,157,255,.2);
  --glow-red:    0 0 20px rgba(255,74,61,.55),  0 0 40px rgba(255,74,61,.2);

  --scanlines: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0,0,0,.09) 2px, rgba(0,0,0,.09) 4px);
  --crt-vignette: radial-gradient(ellipse at center, transparent 45%, rgba(0,0,0,.7) 100%);

  --yes: #63d69b;
  --no:  #7a8591;
}

*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  background: var(--rr-asphalt);
  color: var(--text-primary);
  font-family: var(--font-mono);
  font-size: var(--type-read);
  line-height: 1.7;
  overflow-x: hidden;
}
a { color: inherit; text-decoration: none; }
img, video { display: block; max-width: 100%; }
p { color: #b9c4cf; }
b { color: var(--rr-paint); font-weight: 400; }