:root {
  --color-text: #27312c;
  --color-muted: #66706a;
  --color-background: #fffefb;
  --color-surface: #f5f7f2;
  --color-border: #dce2d9;
  --color-accent: #5e7f49;
  --color-accent-hover: #4f6d3d;
  --color-accent-active: #425c34;
  --color-accent-soft: #edf3e8;
  --color-accent-contrast: #ffffff;
  --color-focus: #36562d;
  --color-error: #a32020;
  --color-success: #176b3a;
  --font-sans: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-size-base: 1rem;
  --line-height: 1.6;
  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --content-width: 72rem;
  --text-width: 46rem;
  --radius: 0.375rem;
  --radius-pill: 999px;
  --shadow: 0 0.25rem 1rem rgb(39 49 44 / 8%);
  --header-shadow: 0 0.35rem 1.25rem rgb(39 49 44 / 7%);
}