:root {
  --color-brand: #245844;
  --color-brand-dark: #153c2e;
  --color-brand-soft: #dce9df;
  --color-sage: #a9baa8;
  --color-bg: #f8f6f0;
  --color-surface: #fffef9;
  --color-cream: #eee8da;
  --color-text: #202824;
  --color-text-muted: #66706a;
  --color-border: #d9ddd7;
  --color-accent: #bd6d45;
  --color-info: #e8f1ed;
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: Inter, Aptos, "Segoe UI", Arial, sans-serif;
  --step--1: clamp(.78rem, .75rem + .12vw, .86rem);
  --step-0: clamp(1rem, .96rem + .18vw, 1.08rem);
  --step-1: clamp(1.2rem, 1.09rem + .45vw, 1.48rem);
  --step-2: clamp(1.5rem, 1.3rem + .8vw, 2rem);
  --step-3: clamp(2rem, 1.62rem + 1.5vw, 2.9rem);
  --step-4: clamp(2.65rem, 2rem + 2.6vw, 4.4rem);
  --space-1: .25rem;
  --space-2: .5rem;
  --space-3: .75rem;
  --space-4: 1rem;
  --space-5: 1.25rem;
  --space-6: 1.5rem;
  --space-8: 2rem;
  --space-10: 2.5rem;
  --space-12: 3rem;
  --space-16: 4rem;
  --radius-sm: .35rem;
  --radius-md: .8rem;
  --shadow-soft: 0 12px 35px rgba(27, 49, 39, .08);
  --container-wide: 76rem;
  --container: 68rem;
  --reading: 45rem;
}