:root { --primary: hsl(211,44%,24%); --primary-5: hsla(211,44%,24%,0.05); --primary-10: hsla(211,44%,24%,0.1); --primary-20: hsla(211,44%,24%,0.2); --primary-30: hsla(211,44%,24%,0.3); --primary-40: hsla(211,44%,24%,0.4); --primary-50: hsla(211,44%,24%,0.5); --primary-60: hsla(211,44%,24%,0.6); --primary-70: hsla(211,44%,24%,0.7); --primary-80: hsla(211,44%,24%,0.8); --primary-90: hsla(211,44%,24%,0.9); --primary-d-1: hsl(211,43%,22%); --primary-d-2: hsl(212,41%,20%); --primary-d-3: hsl(212,39%,18%); --primary-d-4: hsl(213,37%,16%); --primary-d-5: hsl(213,35%,14%); --primary-d-6: hsl(213,33%,12%); --primary-d-7: hsl(214,29%,11%); --primary-d-8: hsl(218,36%,13%); --primary-d-9: hsl(220,29%,10%); --primary-d-10: hsl(218,35%,6%); --primary-l-1: hsl(213,31%,30%); --primary-l-2: hsl(214,23%,37%); --primary-l-3: hsl(215,18%,44%); --primary-l-4: hsl(215,14%,50%); --primary-l-5: hsl(216,14%,57%); --primary-l-6: hsl(216,14%,64%); --primary-l-7: hsl(216,14%,71%); --primary-l-8: hsl(217,14%,78%); --primary-l-9: hsl(217,14%,85%); --primary-l-10: hsl(222,38%,95%); --secondary: hsl(200,43%,59%); --secondary-5: hsla(200,43%,59%,0.05); --secondary-10: hsla(200,43%,59%,0.1); --secondary-20: hsla(200,43%,59%,0.2); --secondary-30: hsla(200,43%,59%,0.3); --secondary-40: hsla(200,43%,59%,0.4); --secondary-50: hsla(200,43%,59%,0.5); --secondary-60: hsla(200,43%,59%,0.6); --secondary-70: hsla(200,43%,59%,0.7); --secondary-80: hsla(200,43%,59%,0.8); --secondary-90: hsla(200,43%,59%,0.9); --secondary-d-1: hsl(200,33%,53%); --secondary-d-2: hsl(200,29%,48%); --secondary-d-3: hsl(200,28%,42%); --secondary-d-4: hsl(200,28%,37%); --secondary-d-5: hsl(200,27%,31%); --secondary-d-6: hsl(201,25%,26%); --secondary-d-7: hsl(201,24%,21%); --secondary-d-8: hsl(204,34%,16%); --secondary-d-9: hsl(202,31%,12%); --secondary-d-10: hsl(201,17%,7%); --secondary-l-1: hsl(200,42%,63%); --secondary-l-2: hsl(201,42%,67%); --secondary-l-3: hsl(201,42%,70%); --secondary-l-4: hsl(201,42%,74%); --secondary-l-5: hsl(202,42%,78%); --secondary-l-6: hsl(202,42%,82%); --secondary-l-7: hsl(202,41%,85%); --secondary-l-8: hsl(202,41%,89%); --secondary-l-9: hsl(205,61%,93%); --secondary-l-10: hsl(202,41%,96%); --tertiary: hsl(170,74%,54%); --tertiary-5: hsla(170,74%,54%,0.05); --tertiary-10: hsla(170,74%,54%,0.1); --tertiary-20: hsla(170,74%,54%,0.2); --tertiary-30: hsla(170,74%,54%,0.3); --tertiary-40: hsla(170,74%,54%,0.4); --tertiary-50: hsla(170,74%,54%,0.5); --tertiary-60: hsla(170,74%,54%,0.6); --tertiary-70: hsla(170,74%,54%,0.7); --tertiary-80: hsla(170,74%,54%,0.8); --tertiary-90: hsla(170,74%,54%,0.9); --tertiary-d-1: hsl(170,60%,50%); --tertiary-d-2: hsl(170,57%,45%); --tertiary-d-3: hsl(169,54%,40%); --tertiary-d-4: hsl(169,51%,36%); --tertiary-d-5: hsl(169,48%,31%); --tertiary-d-6: hsl(168,44%,26%); --tertiary-d-7: hsl(168,41%,21%); --tertiary-d-8: hsl(169,34%,12%); --tertiary-d-9: hsl(163,30%,9%); --tertiary-d-10: hsl(167,29%,6%); --tertiary-l-1: hsl(169,73%,61%); --tertiary-l-2: hsl(168,72%,67%); --tertiary-l-3: hsl(167,72%,71%); --tertiary-l-4: hsl(167,72%,75%); --tertiary-l-5: hsl(166,71%,79%); --tertiary-l-6: hsl(165,72%,83%); --tertiary-l-7: hsl(165,35%,79%); --tertiary-l-8: hsl(165,72%,90%); --tertiary-l-9: hsl(164,33%,89%); --tertiary-l-10: hsl(160,36%,95%); --base: #161616; --base-5: #1616160d; --base-10: #1616161a; --base-20: #16161633; --base-30: #1616164d; --base-40: #16161666; --base-50: #16161680; --base-60: #16161699; --base-70: #161616b3; --base-80: #161616cc; --base-90: #161616e6; --base-d-1: #131313; --base-d-2: #0f0f0f; --base-d-3: #0b0b0b; --base-d-4: #050505; --base-l-1: #3d3d3d; --base-l-2: #696969; --base-l-3: #989898; --base-l-4: #cacaca; --bg-body: #F0F0F0; --bg-body-dark: #0D0D0D; --bg-surface: #ffffff; --bg-surface-dark: #262626; --cards-dark-primary: #1c2f4a; --cards-dark-secondary: #121D22; --text-body: hsla(0,0%,10%,1); --text-body-dark: hsla(0,0%,75%,1); --text-title: hsla(0,0%,0%,1); --text-title-dark: hsla(0,0%,100%,1); --text-placeholder: hsla(140,0%,60%,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-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-40: hsla(0,0%,0%,0.4); --dark-90: hsla(0,0%,0%,0.9); --dark-l-1: hsla(0,0%,11%,1); --dark-l-2: hsla(0,0%,19%,1); --dark-l-3: hsla(0,0%,28%,1); --dark-l-4: hsla(0,0%,37%,1); --dark-l-5: hsla(0,0%,47%,1); --dark-l-6: hsla(0,0%,57%,1); --dark-l-7: hsla(0,0%,67%,1); --dark-l-8: hsla(0,0%,78%,1); --dark-l-9: hsla(0,0%,89%,1); --success: hsla(156,100%,34%,1); --success-5: hsla(156,100%,34%,0.05); --success-10: hsla(156,100%,34%,0.1); --success-20: hsla(156,100%,34%,0.2); --success-30: hsla(156,100%,34%,0.3); --success-40: hsla(156,100%,34%,0.4); --success-50: hsla(156,100%,34%,0.5); --success-60: hsla(156,100%,34%,0.6); --success-70: hsla(156,100%,34%,0.7); --success-80: hsla(156,100%,34%,0.8); --success-90: hsla(156,100%,34%,0.9); --error: hsla(343,99%,41%,1); --error-5: hsla(343,99%,41%,0.05); --error-10: hsla(343,99%,41%,0.1); --error-20: hsla(343,99%,41%,0.2); --error-30: hsla(343,99%,41%,0.3); --error-40: hsla(343,99%,41%,0.4); --error-50: hsla(343,99%,41%,0.5); --error-60: hsla(343,99%,41%,0.6); --error-70: hsla(343,99%,41%,0.7); --error-80: hsla(343,99%,41%,0.8); --error-90: hsla(343,99%,41%,0.9);}