:root {
  --bg: #0b1220;
  --surface: #141b2e;
  --surface-2: #1b2440;
  --border: #2a3454;
  --text: #e7ecf7;
  --text-muted: #8b95b3;
  --accent: #3b82f6;
  --accent-soft: rgba(59, 130, 246, 0.15);
  --danger: #f87171;
  --too-easy: #34d399;
  --too-easy-soft: rgba(52, 211, 153, 0.15);
  --note: #f0a875;
}

[data-theme="light"] {
  --bg: #f4f6fb;
  --surface: #ffffff;
  --surface-2: #eef1f7;
  --border: #d7dfec;
  --text: #16213a;
  --text-muted: #64748b;
  --accent: #2563eb;
  --accent-soft: rgba(37, 99, 235, 0.1);
  --danger: #dc2626;
  --too-easy: #059669;
  --too-easy-soft: rgba(5, 150, 105, 0.1);
  --note: #b45309;
}