:root { --site-bg: #FBF5EB; --light-bg: #F4E8D7; --green-bg: #2F5D44; --red-amber: #A92C0B; --main-color: #050505; --almost-white: #FFFEFE; --button-col: #20A4A1; --text-2xs: clamp(0.68rem, calc(0.0019444444444444442 * (100vw - 36rem) + 0.68rem), 0.89rem); --text-xs: clamp(0.9rem, calc(0.0025925925925925917 * (100vw - 36rem) + 0.9rem), 1.18rem); --text-s: clamp(1.2rem, calc(0.0035185185185185198 * (100vw - 36rem) + 1.2rem), 1.58rem); --text-m: clamp(1.6rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.6rem), 2.1rem); --text-l: clamp(2.13rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2.13rem), 2.8rem); --text-xl: clamp(2.84rem, calc(0.008240740740740741 * (100vw - 36rem) + 2.84rem), 3.73rem); --text-2xl: clamp(3.79rem, calc(0.010925925925925924 * (100vw - 36rem) + 3.79rem), 4.97rem); --text-3xl: clamp(5.05rem, calc(0.01462962962962963 * (100vw - 36rem) + 5.05rem), 6.63rem); --space-2xs: clamp(0.84rem, calc(0.00787037037037037 * (100vw - 36rem) + 0.84rem), 1.69rem); --space-xs: clamp(1.13rem, calc(0.010370370370370372 * (100vw - 36rem) + 1.13rem), 2.25rem); --space-s: clamp(1.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 1.5rem), 3rem); --space-m: clamp(2rem, calc(0.018518518518518517 * (100vw - 36rem) + 2rem), 4rem); --space-l: clamp(2.67rem, calc(0.02462962962962963 * (100vw - 36rem) + 2.67rem), 5.33rem); --space-xl: clamp(3.55rem, calc(0.032962962962962965 * (100vw - 36rem) + 3.55rem), 7.11rem); --space-2xl: clamp(4.74rem, calc(0.0437962962962963 * (100vw - 36rem) + 4.74rem), 9.47rem);}.bg-light-bg { background-color: var(--light-bg); }.bg-green-bg { background-color: var(--green-bg); }.bg-red-amber { background-color: var(--red-amber); }.text-main-color { color: var(--main-color); }.text-almost-white { color: var(--almost-white); }.outline-button-col { outline-color: var(--button-col); }.bg-button-col { background-color: var(--button-col); }