:root { --color-background:#f8f8f8; --color-surface:#fff; --color-surface-alt:#e9ece8; --color-text:#4b4b4b; --color-text-muted:#58656b; --color-primary:#2c3e2e; --color-primary-hover:#1f3022; --color-secondary:#1b3b5f; --color-accent:#c9a66b; --color-border:#d9d9d4; --color-border-strong:#7b5e3c; --color-success:#306b4b; --color-warning:#c9a66b; --color-error:#6a1b1b; --font-display:Mulish,"Avenir Next",Avenir,ui-sans-serif,system-ui,sans-serif; --font-body:Mulish,"Avenir Next",Avenir,ui-sans-serif,system-ui,sans-serif; --text-xs:.75rem; --text-sm:.875rem; --text-base:1.125rem; --text-lg:clamp(1.125rem,1.3vw,1.3rem); --text-xl:clamp(1.4rem,2vw,1.8rem); --text-2xl:clamp(1.8rem,3vw,2.7rem); --text-3xl:clamp(2.25rem,4vw,3.7rem); --text-4xl:clamp(2.75rem,5.5vw,5rem); --text-5xl:clamp(3.2rem,7vw,6.5rem); --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem; --space-6:1.5rem; --space-8:2rem; --space-12:3rem; --space-16:4rem; --space-24:6rem; --narrow-width:52.5rem; --content-width:50rem; --standard-width:67.5rem; --wide-width:82.5rem; --page-gutter:clamp(1.25rem,4vw,3rem); --page-padding:var(--page-gutter); --section-space-sm:clamp(5rem,7vw,7rem); --section-space-md:clamp(7rem,9vw,10rem); --section-space-lg:clamp(9rem,11vw,13rem); --section-spacing:var(--section-space-md); --header-height:6.5rem; --radius-sm:0; --radius-md:0; --radius-lg:0; --radius-xl:0; --shadow-sm:0 1px 2px rgb(23 36 45 / 8%); --shadow-md:0 10px 24px rgb(23 36 45 / 12%); --shadow-lg:0 20px 48px rgb(23 36 45 / 16%); }