:root {
  --bg: #090b10;
  --panel: #10151d;
  --panel-soft: #141b25;
  --ink: #edf2f8;
  --muted: #9eacbf;
  --accent: #9bf00b;
  --accent-dim: #4a7a08;
  --line: #263244;

  --radius: 10px;
  --radius-sm: 6px;
  --radius-pill: 999px;

  --sp-1: 0.25rem;
  --sp-2: 0.5rem;
  --sp-3: 0.75rem;
  --sp-4: 1rem;
  --sp-6: 1.5rem;
  --sp-8: 2rem;

  --score-great: #9bf00b;
  --score-good: #c6d816;
  --score-mixed: #f0a80b;
  --score-bad: #f04040;
  --score-none: #263244;
}

* { box-sizing: border-box; }

body {
  margin: 0;
  min-height: 100vh;
  font-family: 'Sora', sans-serif;
  color: var(--ink);
  background: var(--bg);
}