:root { --dt-primary-darker: hsl(var(--dt-primary-darker-hsl)); --dt-primary: hsl(var(--dt-primary-hsl)); --dt-primary-lighter: hsl(var(--dt-primary-lighter-hsl)); --dt-secondary-darker: hsl(var(--dt-secondary-darker-hsl)); --dt-secondary: hsl(var(--dt-secondary-hsl)); --dt-secondary-lighter: hsl(var(--dt-secondary-lighter-hsl)); --dt-success-darker: hsl(var(--dt-success-darker-hsl)); --dt-success: hsl(var(--dt-success-hsl)); --dt-success-lighter: hsl(var(--dt-success-lighter-hsl)); --dt-warning-darker: hsl(var(--dt-warning-darker-hsl)); --dt-warning: hsl(var(--dt-warning-hsl)); --dt-warning-lighter: hsl(var(--dt-warning-lighter-hsl)); --dt-danger-darker: hsl(var(--dt-danger-darker-hsl)); --dt-danger: hsl(var(--dt-danger-hsl)); --dt-danger-lighter: hsl(var(--dt-danger-lighter-hsl)); --dt-primary-darker-hsl: 20deg 100% 19%; --dt-primary-hsl: 20deg 100% 39%; --dt-primary-lighter-hsl: 20deg 100% 59%; --dt-secondary-darker-hsl: 219deg 87% 37%; --dt-secondary-hsl: 219deg 87% 57%; --dt-secondary-lighter-hsl: 219deg 87% 77%; --dt-success-darker-hsl: 172deg 89% 17%; --dt-success-hsl: 172deg 89% 37%; --dt-success-lighter-hsl: 172deg 89% 57%; --dt-warning-darker-hsl: 38deg 91% 43%; --dt-warning-hsl: 38deg 91% 63%; --dt-warning-lighter-hsl: 38deg 91% 83%; --dt-danger-darker-hsl: 10deg 84% 41%; --dt-danger-hsl: 10deg 84% 61%; --dt-danger-lighter-hsl: 10deg 84% 81%; --dt-neutral-1: hsl(100deg 3% 10%); --dt-neutral-2: hsl(100deg 3% 20%); --dt-neutral-3: hsl(100deg 3% 30%); --dt-neutral-4: hsl(100deg 3% 40%); --dt-neutral-5: hsl(100deg 3% 50%); --dt-neutral-6: hsl(100deg 3% 60%); --dt-spacing-0: 0.00rem; --dt-spacing-1: 0.25rem; --dt-spacing-2: 0.50rem; --dt-spacing-3: 1.00rem; --dt-spacing-4: 1.50rem; --dt-spacing-5: 3.00rem; --dt-spacing-6: 6.00rem; }