:root { --primary: #0044d8; --primary-l-1: #3369e0; --primary-l-2: #668fe8; --primary-l-3: #99b4ef; --primary-l-4: #ccdaf7; --primary-d-1: #0036ad; --primary-d-2: #002982; --primary-d-3: #001b56; --primary-d-4: #000e2b; --primary-t-1: hsla(221, 73%, 88%, 0.2); --primary-t-2: hsla(221, 73%, 77%, 0.4); --primary-t-3: hsla(221, 73%, 65%, 0.6); --primary-t-4: hsla(221, 73%, 54%, 0.8); --secondary: #f30c02; --secondary-l-1: #f53d35; --secondary-l-2: #f86d67; --secondary-l-3: #fa9e9a; --secondary-l-4: #fdcecc; --secondary-d-1: #c20a02; --secondary-d-2: #920701; --secondary-d-3: #610501; --secondary-d-4: #310200; --secondary-t-1: hsla(2, 91%, 90%, 0.2); --secondary-t-2: hsla(2, 91%, 79%, 0.4); --secondary-t-3: hsla(2, 91%, 69%, 0.6); --secondary-t-4: hsla(2, 91%, 58%, 0.8); --black: hsl(0, 0%, 3%); --black-l-1: hsl(0, 0%, 23%); --black-l-2: hsl(0, 0%, 42%); --black-l-3: hsl(0, 0%, 61%); --black-l-4: hsl(0, 0%, 81%); --black-d-1: hsl(0, 0%, 3%); --black-d-2: hsl(0, 0%, 2%); --black-d-3: hsl(0, 0%, 1%); --black-d-4: hsl(0, 0%, 1%); --black-t-1: hsla(0, 0%, 81%, 0.2); --black-t-2: hsla(0, 0%, 61%, 0.4); --black-t-3: hsla(0, 0%, 42%, 0.6); --black-t-4: hsla(0, 0%, 23%, 0.8); --white: hsl(0, 0%, 100%); --white-l-1: hsl(0, 0%, 100%); --white-l-2: hsl(0, 0%, 100%); --white-l-3: hsl(0, 0%, 100%); --white-l-4: hsl(0, 0%, 100%); --white-d-1: hsl(0, 0%, 80%); --white-d-2: hsl(0, 0%, 60%); --white-d-3: hsl(0, 0%, 40%); --white-d-4: hsl(0, 0%, 20%); --white-t-1: hsla(0, 0%, 100%, 0.2); --white-t-2: hsla(0, 0%, 100%, 0.4); --white-t-3: hsla(0, 0%, 100%, 0.6); --white-t-4: hsla(0, 0%, 100%, 0.8);}