:root {--primary: hsl(2, 69%, 51%);--secondary: var(--dark);--tertiary: var(--light);--text-body: var(--light-d-1);--text-title: var(--light);--light: hsl(0, 0%, 96%);--dark: hsla(0, 0%, 4%, 1);--primary-l-1: hsl(2, 69%, 61%);--primary-l-2: hsl(2, 69%, 71%);--primary-l-3: hsl(2, 69%, 80%);--primary-l-4: hsl(2, 69%, 90%);--primary-d-1: hsl(2, 66%, 41%);--primary-d-2: hsl(2, 66%, 31%);--primary-d-3: hsl(2, 66%, 20%);--primary-d-4: hsl(2, 66%, 10%);--primary-t-1: hsla(2, 69%, 96%, 0.09);--primary-t-2: hsla(2, 69%, 91%, 0.18);--primary-t-3: hsla(2, 69%, 87%, 0.27);--primary-t-4: hsla(2, 69%, 82%, 0.36);--primary-t-5: hsla(2, 69%, 78%, 0.45);--primary-t-6: hsla(2, 69%, 73%, 0.55);--primary-t-7: hsla(2, 69%, 69%, 0.64);--primary-t-8: hsla(2, 69%, 64%, 0.73);--primary-t-9: hsla(2, 69%, 60%, 0.82);--primary-t-10: hsla(2, 69%, 55%, 0.91);--accent: var(--primary);--light-t-1: hsla(0, 0%, 100%, 0.09);--light-t-2: hsla(0, 0%, 99%, 0.18);--light-t-3: hsla(0, 0%, 99%, 0.27);--light-t-4: hsla(0, 0%, 99%, 0.36);--light-t-5: hsla(0, 0%, 98%, 0.45);--light-t-6: hsla(0, 0%, 98%, 0.55);--light-t-7: hsla(0, 0%, 98%, 0.64);--light-t-8: hsla(0, 0%, 97%, 0.73);--light-t-9: hsla(0, 0%, 97%, 0.82);--light-t-10: hsla(0, 0%, 96%, 0.91);--light-d-1: hsl(0, 0%, 77%);--light-d-2: hsl(0, 0%, 58%);--light-d-3: hsl(0, 0%, 38%);--light-d-4: hsl(0, 0%, 19%);--background: hsla(0, 0%, 4%, 1);--dark-l-0: hsl(0, 0%, 7%);--dark-l-1: hsl(0, 0%, 11%);--dark-l-2: hsl(0, 0%, 16%);--dark-l-3: hsl(0, 0%, 30%);--dark-t-0: hsla(0, 0%, 91%, 0.09);--dark-t-1: hsla(0, 0%, 83%, 0.18);--dark-t-2: hsla(0, 0%, 74%, 0.27);--dark-t-3: hsla(0, 0%, 65%, 0.36);--dark-t-4: hsla(0, 0%, 56%, 0.45);--dark-t-5: hsla(0, 0%, 48%, 0.55);--dark-t-6: hsla(0, 0%, 39%, 0.64);--dark-t-7: hsla(0, 0%, 30%, 0.73);--dark-t-8: hsla(0, 0%, 21%, 0.82);--dark-t-9: hsla(0, 0%, 13%, 0.91);--surface: var(--dark-l-0);--surface-hover: var(--dark-l-1);}