:root { --brand-light: hsl(89, 47%, 16%); --brand: hsl(89, 59%, 12%); --brand-dark: hsl(94, 72%, 6%); --secondary: hsl(40, 36%, 90%); --secondary-light: #F7F4ED; --accent: hsl(21, 54%, 50%); --base: hsl(0 0% 19%); --base-dark: hsl(220 4% 14%); --base-ultra-dark: hsl(229 22% 10%); --base-light: hsl(240 8% 90%); --white: white; --white-t-1: hsla(0, 0%, 100%, 0.09); --white-t-2: hsla(0, 0%, 100%, 0.18); --white-t-3: hsla(0, 0%, 100%, 0.27); --white-t-4: hsla(0, 0%, 100%, 0.36); --white-t-5: hsla(0, 0%, 100%, 0.45); --white-t-6: hsla(0, 0%, 100%, 0.55); --white-t-7: hsla(0, 0%, 100%, 0.64); --white-t-8: hsla(0, 0%, 100%, 0.73); --white-t-9: hsla(0, 0%, 100%, 0.82); --white-t-10: hsla(0, 0%, 100%, 0.91); --black: black; --transparent: transparent; --font-size-3xs: clamp(1rem, calc(0.0006410256410256416 * (100vw - 36rem) + 1rem), 1.1rem); --font-size-2xs: clamp(1.1rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.1rem), 1.3rem); --font-size-xs: clamp(1.2rem, calc(0.0019230769230769234 * (100vw - 36rem) + 1.2rem), 1.5rem); --font-size-sm: clamp(1.4rem, calc(0.0019230769230769234 * (100vw - 36rem) + 1.4rem), 1.7rem); --font-size-md: clamp(1.6rem, calc(0.0012820512820512818 * (100vw - 36rem) + 1.6rem), 1.8rem); --font-size-lg: clamp(1.8rem, calc(0.0019230769230769234 * (100vw - 36rem) + 1.8rem), 2.1rem); --font-size-xl: clamp(2rem, calc(0.003846153846153847 * (100vw - 36rem) + 2rem), 2.6rem); --font-size-2xl: clamp(2.4rem, calc(0.007692307692307694 * (100vw - 36rem) + 2.4rem), 3.6rem); --font-size-3xl: clamp(3rem, calc(0.009615384615384616 * (100vw - 36rem) + 3rem), 4.5rem); --font-size-4xl: clamp(3.6rem, calc(0.01153846153846154 * (100vw - 36rem) + 3.6rem), 5.4rem); --font-size-5xl: clamp(4.8rem, calc(0.015384615384615387 * (100vw - 36rem) + 4.8rem), 7.2rem); --font-size-6xl: clamp(6rem, calc(0.019230769230769232 * (100vw - 36rem) + 6rem), 9rem); --space-4xs: clamp(0.1rem, calc(0.001282051282051282 * (100vw - 36rem) + 0.1rem), 0.3rem); --space-3xs: clamp(0.2rem, calc(0.001923076923076923 * (100vw - 36rem) + 0.2rem), 0.5rem); --space-2xs: clamp(0.4rem, calc(0.003846153846153846 * (100vw - 36rem) + 0.4rem), 1rem); --space-xs: clamp(0.8rem, calc(0.0038461538461538455 * (100vw - 36rem) + 0.8rem), 1.4rem); --space-sm: clamp(1.2rem, calc(0.003846153846153847 * (100vw - 36rem) + 1.2rem), 1.8rem); --space-md: clamp(1.6rem, calc(0.005128205128205127 * (100vw - 36rem) + 1.6rem), 2.4rem); --space-lg: clamp(1.8rem, calc(0.00576923076923077 * (100vw - 36rem) + 1.8rem), 2.7rem); --space-xl: clamp(2.4rem, calc(0.007692307692307694 * (100vw - 36rem) + 2.4rem), 3.6rem); --space-2xl: clamp(3rem, calc(0.009615384615384616 * (100vw - 36rem) + 3rem), 4.5rem); --space-3xl: clamp(3.6rem, calc(0.01153846153846154 * (100vw - 36rem) + 3.6rem), 5.4rem); --space-4xl: clamp(4.8rem, calc(0.015384615384615387 * (100vw - 36rem) + 4.8rem), 7.2rem);}