:root {
  --paper: #fcfcfa;
  --surface: #ffffff;
  --ink: #171817;
  --muted: #5c5e65;
  --subtle: #72747a;
  --line: #dedee4;
  --lavender: #efedf6;
  --sage: #dce4d8;
  --success-ink: #36513b;
  --error-surface: #f8eae6;
  --error-ink: #943d2f;
  --focus: #6d5e9a;
  --font-sans: 'Instrument Sans Variable', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --space-24: 96px;
  --radius-control: 8px;
  --radius-panel: 16px;
  --radius-pill: 999px;
  --shadow-panel: 0 2px 3px #17181703, 0 10px 28px #17181704;
  --ease: cubic-bezier(.2,.7,.2,1);
  --duration: 180ms;
  --content-width: 1120px;
}