:root { --primary: hsl(215 86% 34%); --primary-medium: hsl(208 100% 50%); --primary-light: hsl(208 100% 85%); --primary-ultra-light: hsl(209 100% 95%); --primary-accent: hsl(166 86% 54%); --primary-dark: hsl(215 86% 27%); --primary-ultra-dark: hsl(214 87% 21%); --secondary: hsl(24 100% 48%); --secondary-t-1: hsla(24, 92%, 95%, 0.09); --secondary-t-2: hsla(24, 92%, 91%, 0.18); --secondary-t-3: hsla(24, 92%, 86%, 0.27); --secondary-t-4: hsla(24, 92%, 81%, 0.36); --secondary-t-5: hsla(24, 92%, 76%, 0.45); --secondary-t-6: hsla(24, 92%, 72%, 0.55); --secondary-t-7: hsla(24, 92%, 67%, 0.64); --secondary-t-8: hsla(24, 92%, 62%, 0.73); --secondary-t-9: hsla(24, 92%, 57%, 0.82); --secondary-t-10: hsla(24, 92%, 53%, 0.91); --secondary-light: hsl(33 93% 54%); --secondary-light-t-1: hsla(33, 93%, 96%, 0.09); --secondary-light-t-2: hsla(33, 93%, 92%, 0.18); --secondary-light-t-3: hsla(33, 93%, 87%, 0.27); --secondary-light-t-4: hsla(33, 93%, 83%, 0.36); --secondary-light-t-5: hsla(33, 93%, 79%, 0.45); --secondary-light-t-6: hsla(33, 93%, 75%, 0.55); --secondary-light-t-7: hsla(33, 93%, 71%, 0.64); --secondary-light-t-8: hsla(33, 93%, 67%, 0.73); --secondary-light-t-9: hsla(33, 93%, 62%, 0.82); --secondary-light-t-10: hsla(33, 93%, 58%, 0.91); --secondary-dark: hsl(32 100% 50%); --secondary-dark-t-1: hsla(32, 100%, 95%, 0.09); --secondary-dark-t-2: hsla(32, 100%, 91%, 0.18); --secondary-dark-t-3: hsla(32, 100%, 86%, 0.27); --secondary-dark-t-4: hsla(32, 100%, 82%, 0.36); --secondary-dark-t-5: hsla(32, 100%, 77%, 0.45); --secondary-dark-t-6: hsla(32, 100%, 73%, 0.55); --secondary-dark-t-7: hsla(32, 100%, 68%, 0.64); --secondary-dark-t-8: hsla(32, 100%, 64%, 0.73); --secondary-dark-t-9: hsla(32, 100%, 59%, 0.82); --secondary-dark-t-10: hsla(32, 100%, 55%, 0.91); --secondary-ultra-dark: hsl(8 90% 55%); --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; --black: black; --transparent: transparent; --primary-t-1: hsla(215, 86%, 34%, 0.09); --primary-t-2: hsla(215, 86%, 34%, 0.18); --primary-t-3: hsla(215, 86%, 34%, 0.27); --primary-t-4: hsla(215, 86%, 34%, 0.36); --primary-t-5: hsla(215, 86%, 34%, 0.45); --primary-t-6: hsla(215, 86%, 34%, 0.55); --primary-t-7: hsla(215, 86%, 34%, 0.64); --primary-t-8: hsla(215, 86%, 34%, 0.73); --primary-t-9: hsla(215, 86%, 34%, 0.82); --primary-t-10: hsla(215, 86%, 34%, 0.91); --font-size-2xs: clamp(0.93rem, calc(0 * (100vw - 36rem) + 0.93rem), 0.93rem); --font-size-xs: clamp(1.11rem, calc(0.0008333333333333326 * (100vw - 36rem) + 1.11rem), 1.24rem); --font-size-sm: clamp(1.33rem, calc(0.0020512820512820504 * (100vw - 36rem) + 1.33rem), 1.65rem); --font-size-md: clamp(1.6rem, calc(0.003846153846153847 * (100vw - 36rem) + 1.6rem), 2.2rem); --font-size-lg: clamp(1.92rem, calc(0.006474358974358976 * (100vw - 36rem) + 1.92rem), 2.93rem); --font-size-xl: clamp(2.3rem, calc(0.010320512820512823 * (100vw - 36rem) + 2.3rem), 3.91rem); --font-size-2xl: clamp(2.76rem, calc(0.015705128205128205 * (100vw - 36rem) + 2.76rem), 5.21rem); --font-size-3xl: clamp(3.32rem, calc(0.02326923076923077 * (100vw - 36rem) + 3.32rem), 6.95rem); --space-3xs: clamp(0.66rem, calc(0.0002564102564102559 * (100vw - 36rem) + 0.66rem), 0.7rem); --space-2xs: clamp(0.82rem, calc(0.0007051282051282057 * (100vw - 36rem) + 0.82rem), 0.93rem); --space-xs: clamp(1.02rem, calc(0.0014102564102564101 * (100vw - 36rem) + 1.02rem), 1.24rem); --space-sm: clamp(1.28rem, calc(0.002371794871794871 * (100vw - 36rem) + 1.28rem), 1.65rem); --space-md: clamp(1.6rem, calc(0.003846153846153847 * (100vw - 36rem) + 1.6rem), 2.2rem); --space-lg: clamp(2rem, calc(0.0059615384615384626 * (100vw - 36rem) + 2rem), 2.93rem); --space-xl: clamp(2.5rem, calc(0.009038461538461539 * (100vw - 36rem) + 2.5rem), 3.91rem); --space-2xl: clamp(3.13rem, calc(0.013333333333333334 * (100vw - 36rem) + 3.13rem), 5.21rem); --space-3xl: clamp(3.91rem, calc(0.019487179487179488 * (100vw - 36rem) + 3.91rem), 6.95rem);}