:root { --color-primary: #E7DECF; --color-primary-hover: #D9CAB0; --color-secondary: #B8926E; --color-secondary-hover: #BA945A; --color-tertiary: #3E362E; --color-tertiary-hover: #332C25; --color-grey-70: hsla(30, 15%, 21%, 0.7); --color-grey-50: hsla(30, 15%, 21%, 0.5); --color-grey-30: hsla(30, 15%, 21%, 0.3); --space-10-25: clamp(1rem, calc(0.013888888888888888 * (100vw - 36rem) + 1rem), 2.5rem); --space-15-35: clamp(1.5rem, calc(0.018518518518518517 * (100vw - 36rem) + 1.5rem), 3.5rem); --space-20-50: clamp(2rem, calc(0.027777777777777776 * (100vw - 36rem) + 2rem), 5rem); --space-25-65: clamp(2.5rem, calc(0.037037037037037035 * (100vw - 36rem) + 2.5rem), 6.5rem); --space-30-90: clamp(3rem, calc(0.05555555555555555 * (100vw - 36rem) + 3rem), 9rem); --space-40-120: clamp(4rem, calc(0.07407407407407407 * (100vw - 36rem) + 4rem), 12rem); --space-50-150: clamp(5rem, calc(0.09259259259259259 * (100vw - 36rem) + 5rem), 15rem); --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); --text-3xl: clamp(3.91rem, calc(0.022222222222222216 * (100vw - 36rem) + 3.91rem), 6.31rem);}