:root {--primary: hsl(343 100% 94%);--secondary: hsl(0, 0%, 100%);--tertiary: hsl(0, 0%, 100%);--bg-body: hsl(0, 0%, 100%);--bg-surface: hsla(0, 0%, 100%, 1);--bg-surface-d-0: hsl(0, 0%, 83%);--bg-surface-d-1: hsl(0, 0%, 67%);--bg-surface-d-2: hsl(0, 0%, 50%);--bg-surface-d-3: hsl(0, 0%, 33%);--bg-surface-d-4: hsl(0, 0%, 17%);--text-body: hsla(0, 0%, 25%, 1);--text-title: hsla(0, 0%, 0%, 1);--border-primary: hsl(0, 0%, 85%);--success: #00a650;--error: hsla(351, 95%, 56%, 1);--light: hsl(0, 0%, 100%);--success-d-1: #008a43;--success-d-2: #006f35;--success-d-3: #005328;--success-d-4: #00371b;--success-d-5: #001c0d;--success-t-1: #2ab56d;--success-t-2: #55c48a;--success-t-3: #80d3a8;--success-t-4: #aae1c5;--success-t-5: #d5f0e2;--dark: hsl(0, 0%, 10%);--error-t-1: hsla(351, 95%, 63%, 0.83);--error-t-2: hsla(351, 95%, 71%, 0.67);--error-t-3: hsla(351, 95%, 78%, 0.5);--error-t-4: hsla(351, 95%, 85%, 0.33);--error-t-5: hsla(351, 95%, 93%, 0.17);--text-body-l-1: hsl(0, 0%, 38%);--text-body-l-2: hsl(0, 0%, 50%);--text-body-l-3: hsl(0, 0%, 63%);--text-body-l-4: hsl(0, 0%, 75%);--text-body-l-5: hsl(0, 0%, 88%);--backdrop: hsla(0, 0%, 0%, 0.38);--primary-l-1: hsl(343, 100%, 95%);--primary-l-2: hsl(343, 100%, 96%);--primary-l-3: hsl(343, 100%, 97%);--primary-l-4: hsl(343, 100%, 98%);--primary-l-5: hsl(343, 100%, 99%);--primary-d-1: hsl(343, 23%, 78%);--primary-d-2: hsl(343, 11%, 63%);--primary-d-3: hsl(343, 6%, 47%);--primary-d-4: hsl(343, 6%, 31%);--primary-d-5: hsl(343, 6%, 16%);--secondary-l-1: hsl(0, 0%, 100%);--secondary-l-2: hsl(0, 0%, 100%);--secondary-l-3: hsl(0, 0%, 100%);--secondary-l-4: hsl(0, 0%, 100%);--secondary-l-5: hsl(0, 0%, 100%);--secondary-d-1: hsl(0, 0%, 83%);--secondary-d-2: hsl(0, 0%, 67%);--secondary-d-3: hsl(0, 0%, 50%);--secondary-d-4: hsl(0, 0%, 33%);--secondary-d-5: hsl(0, 0%, 17%);--tertiary-l-1: hsl(0, 0%, 100%);--tertiary-l-2: hsl(0, 0%, 100%);--tertiary-l-3: hsl(0, 0%, 100%);--tertiary-l-4: hsl(0, 0%, 100%);--tertiary-l-5: hsl(0, 0%, 100%);--tertiary-d-1: hsl(0, 0%, 83%);--tertiary-d-2: hsl(0, 0%, 67%);--tertiary-d-3: hsl(0, 0%, 50%);--tertiary-d-4: hsl(0, 0%, 33%);--tertiary-d-5: hsl(0, 0%, 17%);--bg-body-d-1: hsl(0, 0%, 83%);--bg-body-d-2: hsl(0, 0%, 67%);--bg-body-d-3: hsl(0, 0%, 50%);--bg-body-d-4: hsl(0, 0%, 33%);--bg-body-d-5: hsl(0, 0%, 17%);}