:root { --primary: hsl(228 24% 16%); --primary-light: hsl(30 12% 93%); --accent: hsl(157 20% 61%); --text-white: hsl(0 0% 100%); --text-black: hsl(0 0% 0%); --phantom: hsl(240 9% 13%); --primary-d-1: hsl(228, 24%, 13%); --primary-d-2: hsl(228, 24%, 10%); --primary-d-3: hsl(228, 24%, 6%); --primary-d-4: hsl(228, 24%, 3%); --primary-l-1: hsl(228, 10%, 33%); --primary-l-2: hsl(228, 5%, 50%); --primary-l-3: hsl(228, 5%, 66%); --primary-l-4: #edeff7; --accent-d-1: hsl(157, 13%, 49%); --accent-d-2: hsl(157, 13%, 37%); --accent-d-3: hsl(157, 13%, 24%); --accent-d-4: hsl(157, 13%, 12%); --accent-l-1: hsl(157, 20%, 69%); --accent-l-2: hsl(157, 20%, 77%); --accent-l-3: hsl(157, 20%, 84%); --accent-l-4: hsl(157, 20%, 92%); --accent-t-1: hsla(157, 20%, 92%, 0.2); --accent-t-2: hsla(157, 20%, 84%, 0.4); --accent-t-3: hsla(157, 20%, 77%, 0.6); --accent-t-4: hsla(157, 20%, 69%, 0.8); --primary-t-1: hsla(228, 5%, 83%, 0.2); --primary-t-2: hsla(228, 5%, 66%, 0.4); --primary-t-3: hsla(228, 5%, 50%, 0.6); --primary-t-4: hsla(228, 10%, 33%, 0.8);}