:root {
  --bg: #0f0e17;
  --surface: #1a1825;
  --card: #1e1c2e;
  --card2: #261f38;
  --border: #2a2740;
  --accent: #e8c547;
  --accent2: #ff6b6b;
  --accent3: #7ec8e3;
  --text: #e8e6f0;
  --muted: #6b6882;
  --n5: #4ade80; --n4: #60a5fa; --n3: #f59e0b; --n2: #f97316; --n1: #ef4444;
  --srs-0: #4b5563; --srs-1: #3b82f6; --srs-2: #f59e0b; --srs-3: #4ade80; --srs-4: #a78bfa;
  --radius: 12px;
  --radius-sm: 8px;
  --gap: 16px;
  --gap-sm: 8px;
}