:root {
  color-scheme: light;
  --bg: #f5f6f8;
  --bg-card: #ffffff;
  --bg-input: #f0f1f3;
  --border: #e2e5e9;
  --text: #14171a;
  --text-dim: #6a7280;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --danger-bg: #fde8e8;
  --danger-text: #c0272d;
  --danger-border: #f4b8b8;
  --ok-bg: #e6f7ec;
  --ok-text: #15803d;
  --warn-bg: #fef3c7;
  --warn-text: #92620a;
  --bad-bg: #fde8e8;
  --bad-text: #c0272d;
  --dashed-warn: #d97706;
  --chart-line: #2563eb;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    color-scheme: dark;
    --bg: #0b0d10;
    --bg-card: #121417;
    --bg-input: #14171a;
    --border: #1c2024;
    --text: #e6e8eb;
    --text-dim: #8a919e;
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --danger-bg: #2a1215;
    --danger-text: #f28b8b;
    --danger-border: #5c1e24;
    --ok-bg: #10331e;
    --ok-text: #4ade80;
    --warn-bg: #332a10;
    --warn-text: #facc15;
    --bad-bg: #331414;
    --bad-text: #f28b8b;
    --dashed-warn: #d97706;
    --chart-line: #3b82f6;
  }
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #0b0d10;
  --bg-card: #121417;
  --bg-input: #14171a;
  --border: #1c2024;
  --text: #e6e8eb;
  --text-dim: #8a919e;
  --accent: #2563eb;
  --accent-hover: #1d4ed8;
  --danger-bg: #2a1215;
  --danger-text: #f28b8b;
  --danger-border: #5c1e24;
  --ok-bg: #10331e;
  --ok-text: #4ade80;
  --warn-bg: #332a10;
  --warn-text: #facc15;
  --bad-bg: #331414;
  --bad-text: #f28b8b;
  --dashed-warn: #d97706;
  --chart-line: #3b82f6;
}

body { background: var(--bg); color: var(--text); }

.theme-toggle {
  width: 32px; height: 32px; border-radius: 8px;
  background: var(--bg-card); border: 1px solid var(--border);
  color: var(--text); cursor: pointer; font-size: 15px;
  display: flex; align-items: center; justify-content: center;
  padding: 0;
}
.theme-toggle:hover { border-color: var(--accent); }