/* ========== DESIGN TOKENS ========== */

:root {
  /* Dark theme (default) */
  --bg: #0a0a0b;
  --bg-elevated: #111113;
  --bg-hover: #17171a;
  --surface: rgba(255, 255, 255, 0.04);
  --border: rgba(255, 255, 255, 0.10);
  --border-strong: rgba(255, 255, 255, 0.18);

  --text: #f5f5f7;
  --text-secondary: #a1a1aa;
  --text-tertiary: #6b6b73;

  /* Brand */
  --accent: #ff8c42;
  --accent-hover: #ff9d5c;
  --accent-dim: rgba(255, 140, 66, 0.15);

  /* Status */
  --critical: #ef4444;
  --warning: #f59e0b;
  --success: #10b981;
  --info: #3b82f6;

  /* Typography */
  --font-display: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --font-body: 'Geist', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'SF Mono', 'Menlo', 'Consolas', monospace;

  /* Transitions */
  --transition-theme: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
}

/* ---- Light theme ---- */
[data-theme="light"] {
  --bg: #fafaf9;
  --bg-elevated: #ffffff;
  --bg-hover: #f4f4f3;
  --surface: rgba(0, 0, 0, 0.03);
  --border: rgba(0, 0, 0, 0.10);
  --border-strong: rgba(0, 0, 0, 0.18);

  --text: #111113;
  --text-secondary: #52525b;
  --text-tertiary: #a1a1aa;

  --accent: #c2600a;
  --accent-hover: #a35108;
  --accent-dim: rgba(194, 96, 10, 0.10);
}

/* ---- System preference fallback ---- */
@media (prefers-color-scheme: light) {
  :root:not([data-theme]) {
    --bg: #fafaf9;
    --bg-elevated: #ffffff;
    --bg-hover: #f4f4f3;
    --surface: rgba(0, 0, 0, 0.03);
    --border: rgba(0, 0, 0, 0.10);
    --border-strong: rgba(0, 0, 0, 0.18);

    --text: #111113;
    --text-secondary: #52525b;
    --text-tertiary: #a1a1aa;

    --accent: #c2600a;
    --accent-hover: #a35108;
    --accent-dim: rgba(194, 96, 10, 0.10);
  }
}