:root {--dark: hsl(0, 0%, 10%);--light: hsl(0, 0%, 100%);--text-body: hsl(0, 0%, 37%);--primary: #18a4d5;--primary-l-1: #3eb3dc;--primary-l-2: #65c2e3;--primary-l-3: #8cd2ea;--primary-l-4: #b2e1f1;--primary-l-5: #d9f0f8;--primary-d-1: #1489b2;--primary-d-2: #106d8e;--primary-d-3: #0c526b;--primary-d-4: #083747;--primary-d-5: #041b24;--secondary: hsl(0, 0%, 0%);--secondary-l-1: hsl(0, 0%, 17%);--secondary-l-2: hsl(0, 0%, 33%);--secondary-l-3: hsl(0, 0%, 50%);--secondary-l-4: hsl(0, 0%, 67%);--secondary-l-5: hsl(0, 0%, 83%);--secondary-d-1: hsl(0, 0%, 0%);--secondary-d-2: hsl(0, 0%, 0%);--secondary-d-3: hsl(0, 0%, 0%);--secondary-d-4: hsl(0, 0%, 0%);--secondary-d-5: hsl(0, 0%, 0%);--tertiary: hsl(0, 0%, 100%);--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-surface: #f5f5f5;--text-title: hsl(0, 2%, 7%);--border-primary: hsl(0, 0%, 85%);--success: #00a650;--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;--error: hsla(351, 95%, 56%, 1);--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);--backdrop: hsla(0, 0%, 0%, 0.38);--bg-body: hsl(0, 0%, 100%);--bg-surface-d-1: #cccccc;--bg-surface-d-2: #a3a3a3;--bg-surface-d-3: #7b7b7b;--bg-surface-d-4: #525252;--bg-surface-d-5: #292929;--light-d-1: hsl(0, 0%, 93%);--light-d-2: hsl(0, 0%, 67%);--light-d-3: hsl(0, 0%, 50%);--light-d-4: hsl(0, 0%, 33%);--light-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%);--text-body-l-1: hsl(0, 0%, 47%);--text-body-l-2: hsl(0, 0%, 58%);--text-body-l-3: hsl(0, 0%, 68%);--text-body-l-4: hsl(0, 0%, 79%);--text-body-l-5: hsl(0, 0%, 89%);}