:root { --black: hsl(0, 0%, 0%); --white: hsl(0, 0%, 100%); --fiolet-0: #FCF7FB; --fiolet-1: #F9F0F7; --fiolet-2: #F5E3F1; --fiolet-3: #C39ABA; --fiolet-4: #9C7594; --fiolet-7: #7F5777; --fiolet-5: #444B84; --fiolet-6: #13215A; --pink: #DF3E8E; --grey: #60656C; --blue: #F3F6FF; --font-size-1: clamp(4rem, calc(0.037037037037037035 * (100vw - 36rem) + 4rem), 8rem); --font-size-2: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --font-size-3: clamp(2.5rem, calc(0.023148148148148147 * (100vw - 36rem) + 2.5rem), 5rem); --font-size-4: clamp(2rem, calc(0.018518518518518517 * (100vw - 36rem) + 2rem), 4rem); --font-size-5: clamp(1.8rem, calc(0.009259259259259257 * (100vw - 36rem) + 1.8rem), 2.8rem); --font-size-6: clamp(1.8rem, calc(0.006481481481481481 * (100vw - 36rem) + 1.8rem), 2.5rem); --font-size-7: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --font-size-8: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --font-size-9: clamp(1.2rem, calc(0 * (100vw - 36rem) + 1.2rem), 1.2rem); --space-2xs: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --space-xs: clamp(1.2rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.2rem), 1.6rem); --space-s: clamp(1.8rem, calc(0.005555555555555554 * (100vw - 36rem) + 1.8rem), 2.4rem); --space-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --space-l: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --space-xl: clamp(4rem, calc(0.022222222222222227 * (100vw - 36rem) + 4rem), 6.4rem); --space-2xl: clamp(4.8rem, calc(0.044444444444444446 * (100vw - 36rem) + 4.8rem), 9.6rem);}