:root { --bg: #f2eeeb; --dark-grey: #24282D; --white: #ffffff; --light-grey: #cfcfcf; --orange: #D08535; --text: #203349; --text-alt: #B6B8BE; --border-color: #E0E0E0; --medium-grey: #8c8c8c; --ultra-light-grey: #f5f5f5; --font-size-1: clamp(3.2rem, calc(0.016666666666666666 * (100vw - 36rem) + 3.2rem), 5rem); --font-size-2: clamp(2.6rem, calc(0.008333333333333333 * (100vw - 36rem) + 2.6rem), 3.5rem); --font-size-3: clamp(2rem, calc(0.004629629629629629 * (100vw - 36rem) + 2rem), 2.5rem); --font-size-4: clamp(1.7rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.7rem), 2rem); --font-size-5: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --font-size-6: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --font-size-7: clamp(1.2rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.2rem), 1.3rem); --space-2xs: clamp(0.4rem, calc(0.0018518518518518515 * (100vw - 36rem) + 0.4rem), 0.6rem); --space-xs: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --space-s: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --space-m: clamp(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-l: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-xl: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --space-2xl: clamp(4.8rem, calc(0.022222222222222227 * (100vw - 36rem) + 4.8rem), 7.2rem);}