:root {
  --bg: #faf9f7;
  --surface: #f1efea;
  --surface-2: #e9e6df;
  --border: #e2ded5;
  --text: #181a19;
  --text-dim: #6c6f6a;
  --accent: #0d8c8a;
  --accent-soft: #0d8c8a1a;
  --good: #16a34a;
  --danger: #dc2626;
  --warn: #c2780f;
  --now-bg: #3b82f612;
  --now-border: #3b82f6;
  --font-ui: 'Inter', -apple-system, sans-serif;
  --font-mono: 'IBM Plex Mono', ui-monospace, monospace;
  --radius: 14px;
  color-scheme: light;
}
html[data-theme="dark"] {
  --bg: #0b0d0c;
  --surface: #141716;
  --surface-2: #1c201e;
  --border: #262b28;
  --text: #edf1ee;
  --text-dim: #8c938e;
  --accent: #2ed1c8;
  --accent-soft: #2ed1c826;
  --good: #34d058;
  --danger: #ff6b6b;
  --warn: #f0a93f;
  --now-bg: #3b82f618;
  --now-border: #3b82f6;
  color-scheme: dark;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
body { font-family: var(--font-ui); background: var(--bg); color: var(--text); line-height: 1.5; }
.tabular { font-family: var(--font-mono); font-variant-numeric: tabular-nums; }