:root { --color-14: hsl(0 0% 0% / 0.65); --color-3: #454545; --primary: hsl(234 85% 18%); --color-white-txt: hsl(0 0% 100%); --gray-heading: #454545; --opaque-white: hsl(0 0% 100% / 0.39); --background-gray: hsl(207 11% 81% / 0.5); --sage: hsl(210 1% 42%); --light-sage: hsl(179 46% 61%); --light-blue: hsl(209 56% 61%); --nav-separator: hsl(36 34% 56% / 0.2); --dark-gray-bg: #202020; --transparent-overlay-dark: hsl(0 0% 0% / 0.2); --color-1: hsl(212 100% 19%); --color-2: hsl(202 100% 61%); --color-18: hsl(213 12% 57%); --color-4: hsl(0 0% 46%); --color-15: hsl(0 0% 39%); --link: hsl(0 0% 35%); --color-17: hsl(0 0% 31%); --color-16: hsl(0 0% 20%); --transparent-1: hsl(0 0% 0% / 0); --transparent-2: hsl(0 0% 0% / 0); --divider: hsl(207 11% 81%); --color-21: hsl(0 0% 89%); --color-5: hsl(0 0% 97%); --soft-blue: hsl(207, 11%, 81%); --dark-red: #9e0d10; --light-color: var(--primary); --dark-color: var(--color-6); --dark-bg: var(--primary); --light-bg: var(--color-6); --blue-bg-alternate: #14232b;}