/* Design tokens — consumed by every component. No raw hex values in templates. */

:root {
  --bg: #f8fafc;
  --surface: #ffffff;
  --surface-2: #f1f5f9;
  --border: #e5e7eb;
  --text: #0f172a;
  --text-muted: #64748b;
  --text-dim: #94a3b8;
  /* AA-compliant on white surfaces (4.86:1). Was #ea580c (3.56:1) — failed for body text. */
  --accent: #c2410c;
  --accent-soft: #fff7ed;
  --success: #059669;
  --success-soft: #ecfdf5;
  --warning: #d97706;
  --warning-soft: rgba(217, 119, 6, 0.12);
  --danger: #dc2626;
  --danger-soft: #fef2f2;

  --shadow-sm: 0 1px 2px rgba(15, 23, 42, 0.04);
  --shadow-md: 0 4px 12px rgba(15, 23, 42, 0.08);

  --r-sm: 4px;
  --r-md: 8px;
  --r-lg: 12px;

  --font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;
}

[data-bs-theme="dark"] {
  --bg: #1a1410;
  --surface: #221a14;
  --surface-2: #2a2018;
  --border: #2a2018;
  --text: #f4ece2;
  --text-muted: #b89a82;
  --text-dim: #8a7460;
  --accent: #ff7a45;
  --accent-soft: rgba(255, 122, 69, 0.14);
  --success: #4ade80;
  --success-soft: rgba(74, 222, 128, 0.12);
  --warning: #fbbf24;
  --warning-soft: rgba(251, 191, 36, 0.14);
  --danger: #f87171;
  --danger-soft: rgba(248, 113, 113, 0.10);

  --shadow-sm: none;
  --shadow-md: none;
}