@import url("typography-fonts.css");
:root{--forest:#133A31;--linen:#E2DFDB;--black:#201800;--bottle:#86A126;--spring:#86A126;--lime:#86A126;--body:var(--font-body);--display:var(--font-display);--accent:var(--font-accent);--page-gutter:clamp(24px,4.2vw,80px);--ease:180ms ease;--header-height:92px}

/* Shared neutral materials; brand and functional colors remain separate. */
:root{--surface-page:#f4f5f1;--surface-white:#fff;--surface-subtle:#f4f5f1;--surface-inset:#eef0eb;--surface-border:#e2e5de;--surface-shadow:0 2px 5px rgb(24 35 31 / .025),0 12px 30px rgb(24 35 31 / .045);--surface-shadow-hover:0 8px 18px rgb(24 35 31 / .05),0 20px 38px rgb(24 35 31 / .075);--surface-radius:16px}

:root{--button-on-light:#133a31;--button-on-dark:#86A126;--button-hover:#86A126;--button-radius:8px}