:root { --light-grey: #dcdcdd; --lightest-grey: #f6f6f6; --grey: #bbbbbc; --darker-grey: #a5a5a6; --dark-grey: #6e6e6f; --darkest-grey: #4d4d4e; --black: #212121; --white: #ffffff; --purple: #7c238c; --pale-purple: #f3def7; --darker-purple: #651d72; --shadow: rgba(77, 77, 78, 0.15); --overlay: rgba(255, 255, 255, 0.76); --space-80to32: clamp(3.2rem, calc(0.045714285714285714 * (100vw - 39rem) + 3.2rem), 8rem); --space-48to24: clamp(2.4rem, calc(0.022857142857142857 * (100vw - 39rem) + 2.4rem), 4.8rem); --space-24to16: clamp(1.6rem, calc(0.007619047619047617 * (100vw - 39rem) + 1.6rem), 2.4rem); --space-48to0: clamp(1.28rem, calc(0.002095238095238095 * (100vw - 39rem) + 1.28rem), 1.5rem); --space-24to0: clamp(1.6rem, calc(0.0038095238095238087 * (100vw - 39rem) + 1.6rem), 2rem); --space-32to24: clamp(2.4rem, calc(0.007619047619047622 * (100vw - 39rem) + 2.4rem), 3.2rem); --space-24to12: clamp(1.2rem, calc(0.011428571428571429 * (100vw - 39rem) + 1.2rem), 2.4rem); --space-64to48: clamp(4.8rem, calc(0.015238095238095243 * (100vw - 39rem) + 4.8rem), 6.4rem); --h1: clamp(4rem, calc(0.014814814814814812 * (100vw - 36rem) + 4rem), 5.6rem); --h2: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --h3: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --h4: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --h6: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --text-p: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-small: clamp(1.2rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.2rem), 1.4rem); --text-lead: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --size-icon: clamp(5.6rem, calc(0.015238095238095243 * (100vw - 39rem) + 5.6rem), 7.2rem);}