:root {
  color-scheme: light dark;
  --bg: #faf9f6;
  --surface: #ffffff;
  --ink: #1c1917;
  --muted: #6b6660;
  --accent: #5b21b6;
  --accent-ink: #ffffff;
  --line: #e7e2da;
  --ok: #15803d;
  --err: #b91c1c;
  --font: system-ui, -apple-system, "Segoe UI", sans-serif;
  --mono: ui-monospace, "Cascadia Code", Menlo, Consolas, monospace;
  --radius: 10px;
  --maxw: 60rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg: #18181b;
    --surface: #27272a;
    --ink: #f4f4f5;
    --muted: #a1a1aa;
    --accent: #a78bfa;
    --accent-ink: #18181b;
    --line: #3f3f46;
    --ok: #4ade80;
    --err: #f87171;
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --bg: #18181b;
  --surface: #27272a;
  --ink: #f4f4f5;
  --muted: #a1a1aa;
  --accent: #a78bfa;
  --accent-ink: #18181b;
  --line: #3f3f46;
  --ok: #4ade80;
  --err: #f87171;
}

:root[data-theme="light"] {
  color-scheme: light;
  --bg: #faf9f6;
  --surface: #ffffff;
  --ink: #1c1917;
  --muted: #6b6660;
  --accent: #5b21b6;
  --accent-ink: #ffffff;
  --line: #e7e2da;
  --ok: #15803d;
  --err: #b91c1c;
}