:root { --black: hsl(0 0% 0%); --white: hsl(0 0% 100%); --m21-blue-100: hsl(204 100% 95%); --m21-blue-200: hsl(203 100% 84%); --m21-blue-300: hsl(204 100% 73%); --m21-blue-400: hsl(200 100% 47%); --m21-blue-500: hsl(218 100% 46%); --m21-blue-600: hsl(223 100% 41%); --m21-blue-700: hsl(229 100% 31%); --m21-blue-800: hsl(225 100% 16%); --m21-blue-900: hsl(225 100% 8%); --gray-100: hsl(0 0% 94%); --gray-200: hsl(0 0% 82%); --gray-300: hsl(0 0% 67%); --gray-400: hsl(0 0% 60%); --gray-500: hsl(0 0% 60%); --gray-600: hsl(0 0% 33%); --gray-700: hsl(0 0% 20%); --gray-800: hsl(0 0% 13%); --gray-900: hsl(0 0% 7%); --positive: hsl(148 100% 42%); --negative: hsl(349 100% 42%); --alert: hsl(0 100% 50%);}