/* Design decisions shared by every page. Brand color is supplied by brand.mjs. */
:root {
  --green:#254d3b; --green-dark:#0d3026; --lime:#dff35b;
  --cream:#f7f7f1; --white:#fff; --ink:#14251f; --muted:#59695d;
  --surface-warm:#f1f2e9; --surface-sage:#e6ecd9;
  --surface-art:#eaf0df; --surface-art-alt:#eeeee3; --surface-hover:#dde7cd;
  --line:#d9dfd9; --line-strong:#b9c4bd; --focus:#e0a125;
  --font-body:'Manrope',system-ui,sans-serif;
  --text-small:.875rem; --text-body:1rem; --text-lead:1.125rem;
  --text-title:clamp(2.75rem,5vw,4rem); --text-heading:clamp(2rem,3.5vw,3rem);
  --space-1:8px; --space-2:16px; --space-3:24px; --space-4:32px;
  --space-5:48px; --space-6:64px; --section-space:clamp(56px,7vw,88px);
  --content-width:1180px; --wide-width:1280px; --reading-width:720px;
  --radius-small:12px; --radius:18px; --radius-large:24px; --radius-pill:999px;
  --shadow:0 18px 45px rgba(13,48,38,.12);
  --motion-fast:200ms; --motion-enter:650ms; --ease-out:cubic-bezier(.22,1,.36,1);
}