:root {
  --color-page: #f7f4ee;
  --color-surface: rgb(255 255 255 / 82%);
  --color-surface-muted: rgb(255 255 255 / 76%);
  --color-border: #e4ded4;
  --color-text: #171411;
  --color-text-muted: #73695d;
  --color-accent: #7b4cff;
  --color-accent-wash: rgb(123 76 255 / 18%);
  --font-sans: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --content-width: 60rem;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 1.75rem;
  --space-8: 2.5rem;
  --radius-4: 1.5rem;
  --radius-5: 2rem;
  --radius-round: 999px;
  --shadow-soft: 0 0.75rem 2rem rgb(40 32 21 / 8%);
  --shadow-panel: 0 1.375rem 5rem rgb(40 32 21 / 8%);
}