:root {
  --bg: #1a1a1a;
  --panel: #2a2a2a;
  --border: #444;
  --text: #eee;
  --muted: #aaa;

  --primary: #3b82f6;
  --primary-hover: #60a5fa;

  --success: #22c55e;
  --warning: #f59e0b;
  --danger: #ef4444;
  --info: #38bdf8;

  --focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.4);
}

[data-theme="light"] {
  --bg: #f8f9fa;
  --panel: #ffffff;
  --border: #dee2e6;
  --text: #212529;
  --muted: #6c757d;

  --primary: #0d6efd;
  --primary-hover: #0b5ed7;

  --focus-ring: 0 0 0 3px rgba(13, 110, 253, 0.25);
}