:root { --clr-accent: #0071bb; --clr-text: #333; --clr-accent-l-1: #177ec1; --clr-accent-l-2: #2e8bc7; --clr-accent-l-3: #4698ce; --clr-accent-l-4: #5da5d4; --clr-accent-l-5: #74b2da; --clr-accent-l-6: #8bbee0; --clr-accent-l-7: #a2cbe6; --clr-accent-l-8: #b9d8ec; --clr-accent-l-9: #d1e5f3; --clr-accent-l-10: #e8f2f9; --clr-accent-t-1: hsla(204, 100%, 37%, 0.09); --clr-accent-t-2: hsla(204, 100%, 37%, 0.18); --clr-accent-t-3: hsla(204, 100%, 37%, 0.27); --clr-accent-t-4: hsla(204, 100%, 37%, 0.36); --clr-accent-t-5: hsla(204, 100%, 37%, 0.45); --clr-accent-t-6: hsla(204, 100%, 37%, 0.55); --clr-accent-t-7: hsla(204, 100%, 37%, 0.64); --clr-accent-t-8: hsla(204, 100%, 37%, 0.73); --clr-accent-t-9: hsla(204, 100%, 37%, 0.82); --clr-accent-t-10: hsla(204, 100%, 37%, 0.91);}