:root { --primary: #D8D2C6; --primary-5: #d8d2c60d; --primary-10: #d8d2c61a; --primary-20: #d8d2c633; --primary-30: #d8d2c64d; --primary-40: #d8d2c666; --primary-50: #d8d2c680; --primary-60: #d8d2c699; --primary-70: #d8d2c6b3; --primary-80: #d8d2c6cc; --primary-90: #d8d2c6e6; --primary-d-1: #b6b1a7; --primary-d-2: #959189; --primary-d-3: #75726c; --primary-d-4: #575550; --primary-d-5: #3b3936; --primary-d-6: #20201e; --primary-l-1: #dcd7cc; --primary-l-2: #e1dcd2; --primary-l-3: #e5e1d9; --primary-l-4: #e9e6df; --primary-l-5: #eeebe5; --primary-l-6: #f2f0ec; --primary-l-7: #f6f5f2; --primary-l-8: #fbfaf9; --secondary: hsla(196,94%,68%,1); --secondary-5: hsla(196,94%,68%,0.05); --secondary-10: hsla(196,94%,68%,0.1); --secondary-20: hsla(196,94%,68%,0.2); --secondary-30: hsla(196,94%,68%,0.3); --secondary-40: hsla(196,94%,68%,0.4); --secondary-50: hsla(196,94%,68%,0.5); --secondary-60: hsla(196,94%,68%,0.6); --secondary-70: hsla(196,94%,68%,0.7); --secondary-80: hsla(196,94%,68%,0.8); --secondary-90: hsla(196,94%,68%,0.9); --secondary-d-1: hsl(196,49%,54%); --secondary-d-2: hsl(197,39%,40%); --secondary-d-3: hsl(197,35%,27%); --secondary-d-4: hsl(198,27%,15%); --secondary-l-1: hsl(197,94%,76%); --secondary-l-2: hsl(198,94%,83%); --secondary-l-3: hsl(199,94%,89%); --secondary-l-4: hsl(199,94%,95%); --tertiary: hsla(198,74%,51%,1); --tertiary-5: hsla(198,74%,51%,0.05); --tertiary-10: hsla(198,74%,51%,0.1); --tertiary-20: hsla(198,74%,51%,0.2); --tertiary-30: hsla(198,74%,51%,0.3); --tertiary-40: hsla(198,74%,51%,0.4); --tertiary-50: hsla(198,74%,51%,0.5); --tertiary-60: hsla(198,74%,51%,0.6); --tertiary-70: hsla(198,74%,51%,0.7); --tertiary-80: hsla(198,74%,51%,0.8); --tertiary-90: hsla(198,74%,51%,0.9); --tertiary-d-1: hsla(199,63%,42%,1); --tertiary-d-2: hsla(200,55%,32%,1); --tertiary-d-3: hsla(201,46%,22%,1); --tertiary-d-4: hsla(203,35%,13%,1); --tertiary-l-1: hsla(202,71%,65%,1); --tertiary-l-2: hsla(203,70%,75%,1); --tertiary-l-3: hsla(204,70%,84%,1); --tertiary-l-4: hsla(205,70%,92%,1); --bg-body: hsla(0,0%,90%,1); --bg-surface: hsla(0,0%,100%,1); --text-body: hsla(0,0%,25%,1); --text-title: hsla(0,0%,0%,1); --border-primary: hsla(0,0%,50%,0.25); --shadow-primary: hsla(0,0%,0%,0.15); --light: hsl(85,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); --dark: hsla(0,0%,0%,1); --dark-5: hsla(0,0%,0%,0.05); --dark-10: hsla(0,0%,0%,0.1); --dark-20: hsla(0,0%,0%,0.2); --dark-30: hsla(0,0%,0%,0.3); --dark-40: hsla(0,0%,0%,0.4); --dark-50: hsla(0,0%,0%,0.5); --dark-60: hsla(0,0%,0%,0.6); --dark-70: hsla(0,0%,0%,0.7); --dark-80: hsla(0,0%,0%,0.8); --dark-90: hsla(0,0%,0%,0.9); --success: hsl(136,95%,56%); --success-5: hsla(136,95%,56%,0.05); --success-10: hsla(136,95%,56%,0.1); --success-20: hsla(136,95%,56%,0.2); --success-30: hsla(136,95%,56%,0.3); --success-40: hsla(136,95%,56%,0.4); --success-50: hsla(136,95%,56%,0.5); --success-60: hsla(136,95%,56%,0.6); --success-70: hsla(136,95%,56%,0.7); --success-80: hsla(136,95%,56%,0.8); --success-90: hsla(136,95%,56%,0.9); --error: hsl(351,95%,56%); --error-5: hsla(351,95%,56%,0.05); --error-10: hsla(351,95%,56%,0.1); --error-20: hsla(351,95%,56%,0.2); --error-30: hsla(351,95%,56%,0.3); --error-40: hsla(351,95%,56%,0.4); --error-50: hsla(351,95%,56%,0.5); --error-60: hsla(351,95%,56%,0.6); --error-70: hsla(351,95%,56%,0.7); --error-80: hsla(351,95%,56%,0.8); --error-90: hsla(351,95%,56%,0.9);}