:root { --color-primary: #d92b0d; --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: #fef3f1; --color-primary-100: #fde6e2; --color-primary-200: #fbc9c0; --color-primary-300: #f9a89a; --color-primary-400: #f57660; --color-primary-500: #D92B0D; --color-primary-600: #c5270c; --color-primary-700: #ad220a; --color-primary-800: #901d09; --color-primary-900: #601306; --color-secondary-50: #fcf3f5; --color-secondary-100: #f8e3e8; --color-secondary-200: #f0c6d2; --color-secondary-300: #e7a2b5; --color-secondary-400: #d96d8b; --color-secondary-500: #A22A4B; --color-secondary-600: #922644; --color-secondary-700: #7e213a; --color-secondary-800: #691b31; --color-secondary-900: #491322; --color-sidebar-from: #d10019; --color-sidebar-to: #f6ccd0; }