:root { --color-primary: #65b9dd; --color-gray-25: hsl(211, 12%, 99%); --color-gray-50: hsl(211, 12%, 97%); --color-gray-100: hsl(211, 12%, 96%); --color-gray-200: hsl(211, 11%, 93%); --color-gray-300: hsl(211, 9%, 89%); --color-gray-400: hsl(211, 9%, 83%); --color-gray-500: hsl(211, 6%, 71%); --color-gray-600: hsl(211, 6%, 60%); --color-gray-700: hsl(211, 4%, 45%); --color-gray-800: hsl(211, 6%, 23%); --color-gray-900: hsl(211, 7%, 15%); --color-primary-50: #f2f9fc; --color-primary-100: #e6f4f9; --color-primary-200: #cde8f4; --color-primary-300: #b0dbed; --color-primary-400: #8ecce6; --color-primary-500: #65B9DD; --color-primary-600: #3fa8d5; --color-primary-700: #2b96c4; --color-primary-800: #237a9f; --color-primary-900: #1a5a75; --color-secondary-50: #f7f8fc; --color-secondary-100: #f0f1fa; --color-secondary-200: #dcdff4; --color-secondary-300: #c9cded; --color-secondary-400: #b2b8e6; --color-secondary-500: #98A0DD; --color-secondary-600: #8891d8; --color-secondary-700: #717cd0; --color-secondary-800: #5663c7; --color-secondary-900: #34409d; --color-sidebar-from: #001234; --color-sidebar-to: #041217; }