:root { --color-primary: #4D6149; --color-primary-light: #A9C09E; --color-secondary: #974F37; --color-bg: #F4EDE1; --color-bg-alt: #FCFAF4; --color-text: #55605A; --color-text-muted: #8A918B; --color-heading: #27302A; --color-border: #E6DFD2; --color-white: #FFFFFF; --color-black: #07100A; --color-error: #E5484D; --color-warning: #F5A524; --color-success: #30A46C; --color-white-opacity-05: rgba(255,255,255,.05); --color-white-opacity-08: rgba(255,255,255,.08); --color-secondary-opacity-16: rgba(181,111,84,.16); --color-secondary-opacity-40: rgba(181,111,84,.4); --text-xs: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --text-s: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --text-xl: clamp(2.2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.2rem), 2.6rem); --text-base: 1.6rem; --text-subtitle: 1.25rem; --heading-s: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --heading-m: clamp(2.4rem, calc(0.003703703703703703 * (100vw - 36rem) + 2.4rem), 2.8rem); --heading-l: clamp(3rem, calc(0.005555555555555557 * (100vw - 36rem) + 3rem), 3.6rem); --heading-xl: clamp(3.6rem, calc(0.009259259259259255 * (100vw - 36rem) + 3.6rem), 4.6rem);}