:root {--at-white: hsl(0 0% 100%);--at-light: hsl(216 45% 98%);--at-primary: hsl(18, 100%, 48%);--at-black: hsl(240 9.1% 12.9%);--at-secondary: hsl(245, 80%, 50%);--at-danger: hsl(355, 85%, 48%);--at-success: hsl(148, 60%, 40%);--at-primary-l-1: hsl(18, 100%, 57%);--at-primary-l-2: hsl(18, 100%, 66%);--at-primary-l-3: hsl(18, 100%, 75%);--at-primary-l-4: hsl(18, 100%, 84%);--at-primary-l-5: hsl(18, 100%, 93%);--at-primary-d-1: hsl(18, 100%, 40%);--at-primary-d-2: hsl(18, 100%, 32%);--at-primary-d-3: hsl(18, 100%, 24%);--at-primary-d-4: hsl(18, 100%, 16%);--at-primary-d-5: hsl(18, 100%, 8%);--at-secondary-l-1: hsl(245, 80%, 59%);--at-secondary-l-2: hsl(245, 80%, 68%);--at-secondary-l-3: hsl(245, 80%, 76%);--at-secondary-l-4: hsl(245, 80%, 85%);--at-secondary-l-5: hsl(245, 80%, 93%);--at-black-l-1: hsl(240, 4%, 27%);--at-black-l-2: hsl(240, 2%, 42%);--at-black-l-3: hsl(240, 2%, 48%);--at-black-l-4: hsl(240, 1%, 71%);--at-black-l-5: hsl(240, 1%, 78%);--at-black-t-1: hsla(240, 9%, 13%, 0.17);--at-black-t-2: hsla(240, 9%, 13%, 0.33);--at-black-t-3: hsla(240, 9%, 13%, 0.5);--at-black-t-4: hsla(240, 9%, 13%, 0.67);--at-black-t-5: hsla(240, 9%, 13%, 0.83);}