:root { --black: hsl(0 0% 0%); --white: hsl(0 0% 100%); --theme-color-100: hsl(204 100% 95%); --theme-color-200: hsl(203 100% 84%); --theme-color-300: hsl(204 100% 73%); --theme-color-400: hsl(200 100% 47%); --theme-color-500: hsl(218 100% 46%); --theme-color-600: hsl(223 100% 41%); --theme-color-700: hsl(229 100% 31%); --theme-color-800: hsl(225 100% 16%); --theme-color-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% 47%); --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(126 40% 51%); --negative: hsl(0 74% 45%); --alert: hsl(0 100% 50%);}