: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-dark: hsl(215 86% 27%); --primary-ultra-dark: hsl(214 87% 21%); --secondary: hsl(24 100% 48%); --secondary-light: hsl(33 93% 54%); --secondary-dark: hsl(32 100% 50%); --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; --primary-t-1: hsla(215, 44%, 94%, 0.09); --primary-t-2: hsla(215, 44%, 88%, 0.18); --primary-t-3: hsla(215, 44%, 82%, 0.27); --primary-t-4: hsla(215, 44%, 76%, 0.36); --primary-t-5: hsla(215, 44%, 70%, 0.45); --primary-t-6: hsla(215, 44%, 64%, 0.55); --primary-t-7: hsla(215, 44%, 58%, 0.64); --primary-t-8: hsla(215, 44%, 52%, 0.73); --primary-t-9: hsla(215, 52%, 46%, 0.82); --primary-t-10: hsla(215, 67%, 40%, 0.91); --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-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-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); --transparent: transparent;}