:root { --color-primary: #fdb51c; --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: #fff8eb; --color-primary-100: #fff3dc; --color-primary-200: #fee8b8; --color-primary-300: #fed98b; --color-primary-400: #fec958; --color-primary-500: #FDB51C; --color-primary-600: #e99f02; --color-primary-700: #cf8e02; --color-primary-800: #ac7502; --color-primary-900: #7e5601; --color-secondary-50: #fafdf1; --color-secondary-100: #f7fce8; --color-secondary-200: #ecf8c8; --color-secondary-300: #e1f5a8; --color-secondary-400: #d4f084; --color-secondary-500: #C7EC60; --color-secondary-600: #a8db1a; --color-secondary-700: #93bf17; --color-secondary-800: #7a9f13; --color-secondary-900: #5b760e; --color-sidebar-from: #F7F8FA; --color-sidebar-to: #FFFFFF; }