:root { --color-primary: #2d9598; --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: #ebf9f9; --color-primary-100: #d8f3f3; --color-primary-200: #a8e4e5; --color-primary-300: #71d2d5; --color-primary-400: #38b9bd; --color-primary-500: #2D9598; --color-primary-600: #288386; --color-primary-700: #24787a; --color-primary-800: #1e6466; --color-primary-900: #154547; --color-secondary-50: #edf7f3; --color-secondary-100: #dbf0e8; --color-secondary-200: #b0decc; --color-secondary-300: #7ec8ab; --color-secondary-400: #49ac85; --color-secondary-500: #33785D; --color-secondary-600: #2e6b53; --color-secondary-700: #285d48; --color-secondary-800: #214f3d; --color-secondary-900: #17362a; --color-sidebar-from: #ffffff; --color-sidebar-to: #63c5cd; }