:root {
  --bg: #ffffff;
  --surface: #ffffff;
  --text: #1a1816;
  --muted: #4f4944;
  --border: #e4dfd6;
  --highkey: rgba(40, 32, 20, 0.08);
  --focus: #1a1816;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --sidebar: 220px;
  --font-serif: "Fraunces", "Palatino Linotype", Palatino, serif;
  --font-sans: "IBM Plex Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  --size-wordmark: 2.15rem;
  --size-nav: 0.95rem;
  --size-title: 1.2rem;
  --size-caption: 0.9rem;
  --size-body: 1rem;
  --fade: 200ms;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --fade: 0ms;
  }
}