:root { --primary: hsl(30,100%,50%); --primary-d-1: hsl(28,85%,39%); --primary-d-2: hsl(27,74%,27%); --primary-d-3: hsl(26,62%,15%); --primary-l-1: hsl(27,100%,66%); --primary-l-2: hsl(27,100%,77%); --primary-l-3: hsl(28,100%,89%); --secondary: hsl(24,32%,56%); --secondary-d-1: hsl(24,24%,41%); --secondary-d-2: hsl(24,23%,28%); --secondary-d-3: hsl(24,20%,15%); --secondary-l-1: hsl(24,34%,67%); --secondary-l-2: hsl(23,35%,78%); --secondary-l-3: hsl(23,37%,89%); --tertiary: hsl(0,0%,40%); --tertiary-d-1: hsl(144,0%,30%); --tertiary-d-2: hsl(145,0%,20%); --tertiary-d-3: hsl(145,0%,11%); --tertiary-l-1: hsl(144,0%,54%); --tertiary-l-2: hsl(145,0%,69%); --tertiary-l-3: hsl(145,0%,84%); --bg-body: hsl(34,100%,96%); --bg-surface: hsl(0,0%,100%); --bg-base: hsl(24,32%,56%); --bg-base-d-1: hsl(24,25%,49%); --bg-base-d-2: hsl(24,24%,43%); --bg-base-d-3: hsl(24,24%,37%); --bg-base-d-4: hsl(24,23%,31%); --bg-base-d-5: hsl(24,22%,25%); --bg-base-d-6: hsl(24,21%,19%); --bg-base-d-7: hsl(24,19%,13%); --bg-base-d-8: hsl(25,18%,8%); --bg-base-l-1: hsl(24,33%,61%); --bg-base-l-2: hsl(24,34%,66%); --bg-base-l-3: hsl(24,34%,71%); --bg-base-l-4: hsl(23,35%,75%); --bg-base-l-5: hsl(23,35%,80%); --bg-base-l-6: hsl(23,36%,85%); --bg-base-l-7: hsl(23,37%,90%); --bg-base-l-8: hsl(23,37%,95%); --text-body: hsl(347,16%,22%); --text-body-l-1: hsl(347,11%,30%); --text-body-l-2: hsl(348,8%,38%); --text-body-l-3: hsl(348,6%,46%); --text-body-l-4: hsl(348,5%,54%); --text-body-l-5: hsl(348,5%,63%); --text-body-l-6: hsl(348,5%,72%); --text-body-l-7: hsl(349,5%,81%); --text-body-l-8: hsl(349,6%,90%); --text-title: hsl(347,16%,14%); --border-primary: hsl(23,19%,67%); --shadow-primary: hsla(0,0%,0%,0.15); --light: hsl(0,0%,100%); --light-5: hsla(0,0%,100%,0.05); --light-10: hsla(0,0%,100%,0.1); --light-20: hsla(0,0%,100%,0.2); --light-30: hsla(0,0%,100%,0.3); --light-40: hsla(0,0%,100%,0.4); --light-50: hsla(0,0%,100%,0.5); --light-60: hsla(0,0%,100%,0.6); --light-70: hsla(0,0%,100%,0.7); --light-80: hsla(0,0%,100%,0.8); --light-90: hsla(0,0%,100%,0.9); --light-d-1: hsl(0,0%,88%); --light-d-2: hsl(0,0%,75%); --light-d-3: hsl(0,0%,64%); --light-d-4: hsl(0,0%,52%); --light-d-5: hsl(0,0%,41%); --light-d-6: hsl(0,0%,31%); --light-d-7: hsl(0,0%,21%); --light-d-8: hsl(0,0%,12%); --light-d-9: hsl(147,0%,11%); --dark: hsl(24,32%,5%); --dark-5: hsla(24,32%,5%,0.05); --dark-10: hsla(24,32%,5%,0.1); --dark-20: hsla(24,32%,5%,0.2); --dark-30: hsla(24,32%,5%,0.3); --dark-40: hsla(24,32%,5%,0.4); --dark-50: hsla(24,32%,5%,0.5); --dark-60: hsla(24,32%,5%,0.6); --dark-70: hsla(24,32%,5%,0.7); --dark-80: hsla(24,32%,5%,0.8); --dark-90: hsla(24,32%,5%,0.9); --dark-l-1: hsl(20,7%,13%); --dark-l-2: hsl(20,4%,22%); --dark-l-3: hsl(20,3%,30%); --dark-l-4: hsl(20,2%,39%); --dark-l-5: hsl(20,1%,48%); --dark-l-6: hsl(20,1%,58%); --dark-l-7: hsl(20,1%,68%); --dark-l-8: hsl(20,1%,79%); --dark-l-9: hsl(20,1%,89%); --success: hsl(136,95%,38%); --success-d-1: hsl(129,68%,32%); --success-d-2: hsl(125,53%,23%); --success-d-3: hsl(120,38%,13%); --error: hsl(351,95%,56%); --error-d-1: hsl(354,66%,43%); --error-d-2: hsl(357,57%,30%); --error-d-3: hsl(1,47%,16%); --info: hsl(206,69%,43%); --info-d-1: hsl(207,60%,33%); --info-d-2: hsl(209,50%,23%); --info-d-3: hsl(212,37%,13%); --warning: hsl(40,100%,60%); --warning-d-1: hsl(39,63%,45%); --warning-d-2: hsl(39,57%,30%); --warning-d-3: hsl(38,47%,16%);}