:root { --brand-primary: #3A5A40; --accent-primary: #DD5B56; --background-primary: #FAFAF8; --background-secondary: #F2F4EF; --background-tertiary: #ffffff; --primary-text: #1F2933; --secondary-text: #5F6B63; --muted-text: #8B948C; --button-primary: #3A5A40; --button-hover: #2F4833; --button-secondary: #ffffff; --button-secondary-hover: #F4F4F1; --border: #D9DDD5; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem); --space-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --space-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --space-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --space-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --space-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --space-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.text-brand-primary { color: var(--brand-primary); }.fill-brand-primary { fill: var(--brand-primary); }.text-accent-primary { color: var(--accent-primary); }.fill-accent-primary { fill: var(--accent-primary); }.bg-background-primary { background-color: var(--background-primary); }.fill-background-primary { fill: var(--background-primary); }.bg-background-secondary { background-color: var(--background-secondary); }.fill-background-secondary { fill: var(--background-secondary); }.text-primary-text { color: var(--primary-text); }.text-button-primary { color: var(--button-primary); }.fill-button-primary { fill: var(--button-primary); }.text-button-hover { color: var(--button-hover); }.fill-button-hover { fill: var(--button-hover); }.text-button-secondary { color: var(--button-secondary); }.fill-button-secondary { fill: var(--button-secondary); }.text-button-secondary-hover { color: var(--button-secondary-hover); }.fill-button-secondary-hover { fill: var(--button-secondary-hover); }.border-border { border-color: var(--border); }.hero2xs { 84px: var(--space-2xs); }.heroxs { 84px: var(--space-xs); }.heros { 84px: var(--space-s); }.herom { 84px: var(--space-m); }.herol { 84px: var(--space-l); }.heroxl { 84px: var(--space-xl); }.hero2xl { 84px: var(--space-2xl); }