:root {
  color-scheme: light;
  /* Green sampled from the original logo; pink belongs to Enk, not controls. */
  --color-primary: #336d30;
  --color-primary-hover: #285626;
  --color-ink: #302820;
  --color-muted: #655e54;
  --color-background: #f1f5ed;
  --color-surface: #fffefa;
  --color-border: #d5ddce;
  --color-enk-pink: #ffcbcf;
  --color-on-primary: #fffefa;
  /* Reversible system-font choice: no font download or third-party request. */
  --font-body: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-small: 0.875rem;
  --font-body-size: 1rem;
  --font-lead: 1.125rem;
  --font-title-small: clamp(1.25rem, 1.1rem + 0.5vw, 1.5rem);
  --font-title: clamp(1.875rem, 1.3rem + 2vw, 3rem);
  --font-display: clamp(2.5rem, 1.6rem + 3.5vw, 5rem);
  --line-body: 1.7;
  --line-heading: 1.12;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4rem;
  --space-9: 6rem;
  --radius-small: 0.5rem;
  --radius-medium: 1rem;
  --radius-large: 2rem;
  --shadow-soft: 0 0.5rem 2rem rgb(48 40 32 / 5%);
  --width-content: 72rem;
  --width-reading: 48rem;
  --width-copy: 38rem;
  --page-gutter: clamp(1rem, 4vw, 3rem);
  --section-space: clamp(3rem, 7vw, 6rem);
  --motion-fast: 150ms;
  /* Media queries use 48rem directly: custom properties cannot define queries. */
}