:root {
  color-scheme: light;
  --bg: #ffffff;
  --surface: #f4f7fa;
  --surface-raised: #ffffff;
  --text: #132033;
  --ink: #0b203d;
  --muted: #526276;
  --line: #d9e1ea;
  --line-strong: #7f92a6;
  --accent: #146ef5;
  --accent-hover: #0f57c6;
  --accent-action: #ff6f4c;
  --on-accent: #071529;
  --nav-bg: #071529;
  --on-nav: #ffffff;
  --mark: #146ef5;
  --ok: #047857;
  --ok-bg: #ecfdf5;
  --ok-line: #6ee7b7;
  --warn: #92400e;
  --warn-bg: #fffbeb;
  --warn-line: #fbbf24;
  --err: #b91c1c;
  --err-hover: #991b1b;
  --err-bg: #fef2f2;
  --err-line: #fca5a5;
  --on-status: #ffffff;
  --info: #1d4ed8;
  --info-bg: #eff6ff;
  --info-line: #93c5fd;
  --radius-sm: 4px;
  --radius: 8px;
  --font: 'IBM Plex Sans', Arial, sans-serif;
  --font-serif: 'IBM Plex Serif', Georgia, serif;
  --mono: 'JetBrains Mono', ui-monospace, monospace;
}

:root[data-theme='dark'] {
  color-scheme: dark;
  --bg: #000000;
  --surface: #0f0f0f;
  --surface-raised: #0f0f0f;
  --text: #d4d4d4;
  --ink: #ffffff;
  --muted: #a3a3a3;
  --line: #2a2a2a;
  --line-strong: #737373;
  --accent: #00ff88;
  --accent-hover: #66ffb5;
  --accent-action: #00ff88;
  --on-accent: #000000;
  --nav-bg: #000000;
  --on-nav: #ffffff;
  --mark: #00ff88;
  --ok: #5ee9a7;
  --ok-bg: #08291c;
  --ok-line: #237c55;
  --warn: #ffd166;
  --warn-bg: #332600;
  --warn-line: #8a6814;
  --err: #ff8a8a;
  --err-hover: #ffaaaa;
  --err-bg: #351111;
  --err-line: #8e3737;
  --on-status: #000000;
  --info: #82b1ff;
  --info-bg: #10264b;
  --info-line: #365f9d;
}