:root {
  color-scheme: light;
  --canvas: #f2f1ee;
  --surface: #fffefa;
  --surface-soft: #ebe9e3;
  --ink: #292925;
  --muted: #706e66;
  --line: #dcd9d1;
  --accent: #685dcb;
  --accent-soft: #efedf9;
  --success: #537e2e;
  --success-soft: #edf4e7;
  --warning: #8b621e;
  --warning-soft: #faf0dc;
  --danger: #a84438;
  --danger-soft: #faebe7;
  --display: 'Trebuchet MS', 'Segoe UI', sans-serif;
  --body: 'Segoe UI', Arial, sans-serif;
  --mono: Consolas, 'Liberation Mono', monospace;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.25rem;
  --text-title: 2rem;
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-12: 3rem;
  --radius: .625rem;
  --radius-small: .3rem;
  --shadow: 0 12px 40px #29292512;
  --backdrop: #29292565;
}