:root {
  --color-bg: #f4f1ea;
  --color-fg: #1b1b1f;
  --color-muted: #5f5e66;
  --color-accent: #2f4bd9;

  --font-sans: system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, monospace;

  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;

  --measure: 42rem;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-bg: #121216;
    --color-fg: #f4f1ea;
    --color-muted: #a3a2ab;
    --color-accent: #8fa2ff;
  }
}