:root { --color-primary: #9a1625; --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: #fdf2f3; --color-primary-100: #fbe4e7; --color-primary-200: #f7c5cb; --color-primary-300: #f19da6; --color-primary-400: #e85e6e; --color-primary-500: #9A1625; --color-primary-600: #8a1421; --color-primary-700: #7d121e; --color-primary-800: #620e18; --color-primary-900: #500b13; --color-secondary-50: #fbf4f8; --color-secondary-100: #f5e5ee; --color-secondary-200: #e9c4d7; --color-secondary-300: #db9fbe; --color-secondary-400: #c66799; --color-secondary-500: #6D294D; --color-secondary-600: #5d2341; --color-secondary-700: #521f3a; --color-secondary-800: #43192f; --color-secondary-900: #2c111f; --color-sidebar-from: #9d1924; --color-sidebar-to: #702d4e; }