:root { --primary: #F3EEE7; --white: white; --black: black; --text-2xs: clamp(0.57rem, calc(-0.00037037037037036965 * (100vw - 36rem) + 0.57rem), 0.53rem); --text-xs: clamp(0.8rem, calc(0 * (100vw - 36rem) + 0.8rem), 0.8rem); --text-s: clamp(1.13rem, calc(0.0006481481481481487 * (100vw - 36rem) + 1.13rem), 1.2rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(2.26rem, calc(0.004074074074074078 * (100vw - 36rem) + 2.26rem), 2.7rem); --text-xl: clamp(3.2rem, calc(0.007870370370370368 * (100vw - 36rem) + 3.2rem), 4.05rem); --text-2xl: clamp(4.52rem, calc(0.014444444444444449 * (100vw - 36rem) + 4.52rem), 6.08rem); --space-2xs: clamp(0.77rem, calc(0.0006481481481481477 * (100vw - 36rem) + 0.77rem), 0.84rem); --space-xs: clamp(0.96rem, calc(0.0015740740740740734 * (100vw - 36rem) + 0.96rem), 1.13rem); --space-s: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --space-m: clamp(1.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.5rem), 2rem); --space-l: clamp(1.88rem, calc(0.007314814814814815 * (100vw - 36rem) + 1.88rem), 2.67rem); --space-xl: clamp(2.34rem, calc(0.011203703703703704 * (100vw - 36rem) + 2.34rem), 3.55rem); --space-2xl: clamp(2.93rem, calc(0.01675925925925926 * (100vw - 36rem) + 2.93rem), 4.74rem);}.bg-primary { background-color: var(--primary); }