:root {
  --ww-color-paper: #ffffff;
  --ww-color-ink: #0c0a08;
  --ww-color-muted: #625f59;
  --ww-color-subtle: #f5f4f0;
  --ww-color-panel: #eeede8;
  --ww-color-line: #d6d4cd;
  --ww-color-accent: #2855d9;
  --ww-color-accent-hover: #244dc3;
  --ww-color-dark: #252520;
  --ww-color-success: #246443;
  --ww-color-error: #a52b28;
  --ww-color-focus: #3859b8;
  --ww-space-1: 4px;
  --ww-space-2: 8px;
  --ww-space-3: 12px;
  --ww-space-4: 16px;
  --ww-space-6: 24px;
  --ww-space-8: 32px;
  --ww-space-12: 48px;
  --ww-space-16: 64px;
  --ww-space-24: 96px;
  --ww-space-32: 128px;
  --ww-radius-control: 6px;
  --ww-radius-card: 12px;
  --ww-radius-panel: 16px;
  --ww-font-sans: Arial, Helvetica, sans-serif;
  --ww-font-mono: ui-monospace, SFMono-Regular, Consolas, monospace;
  --ww-motion-fast: 140ms;
  --ww-motion-standard: 220ms;
}