/* ===== THEME - colour tokens, fonts, light-theme overrides ===== */
:root {
  --orange: #ff5500; --orange-hover: #ff6a1f;
  --orange-dim: rgba(255,85,0,0.08); --orange-border: rgba(255,85,0,0.35);
  --bg: #0a0a0a; --surface: #121212; --surface-2: #181818; --surface-3: #1f1f1f;
  --border: #262626; --border-strong: #383838;
  --text: #fafafa; --text-muted: #8a8a8a; --text-dim: #5a5a5a;
  --green: #00d97e; --green-dim: rgba(0,217,126,0.1);
  --red: #ff3b30; --red-dim: rgba(255,59,48,0.1);
  --amber: #ffb800;

  --font-display: 'Space Grotesk', 'Inter', system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', Consolas, monospace;
}

/* LIGHT THEME OVERRIDES */
[data-theme="light"] {
  --bg: #f5f5f5;
  --surface: #ffffff;
  --surface-2: #f0f0f0;
  --surface-3: #e5e5e5;
  --border: #e0e0e0;
  --border-strong: #cccccc;
  --text: #111111;
  --text-muted: #666666;
  --text-dim: #999999;
  --orange-dim: rgba(255,85,0,0.1);
  --orange-border: rgba(255,85,0,0.4);
  --green: #008f4c;
  --green-dim: rgba(0,143,76,0.1);
  --red: #d90000;
  --red-dim: rgba(217,0,0,0.1);
  --amber: #b36b00;
}