:root {--s3-background: hsl(329 84% 4%);--s3-foreground: hsl(329 84% 9%);--s3-text: hsl(0 0% 85%);--s3-accent: hsl(0, 0%, 100%);--s3-border: hsla(0, 0%, 100%, 0.25);--s3-input: hsla(0, 0%, 100%, 0.1);--s3-heading: hsl(0, 0%, 100%);--s3-background-d-1: rgb(17, 2, 9);--s3-background-d-2: rgb(14, 2, 8);--s3-background-d-3: rgb(12, 1, 6);--s3-background-d-4: rgb(10, 1, 5);--s3-background-d-5: rgb(7, 1, 4);--s3-background-d-6: rgb(5, 1, 3);--s3-background-d-7: rgb(2, 0, 1);--s3-foreground-d-1: rgb(37, 4, 21);--s3-foreground-d-2: rgb(32, 3, 18);--s3-foreground-d-3: rgb(26, 3, 15);--s3-foreground-d-4: rgb(21, 2, 12);--s3-foreground-d-5: rgb(16, 2, 9);--s3-foreground-d-6: rgb(11, 1, 6);--s3-foreground-d-7: rgb(5, 1, 3);--s3-accent-l-1: rgb(255, 255, 255);--s3-accent-l-2: rgb(255, 255, 255);--s3-accent-l-3: rgb(255, 255, 255);--s3-accent-d-1: rgb(191, 191, 191);--s3-accent-d-2: rgb(128, 128, 128);--s3-accent-d-3: rgb(64, 64, 64);--s3-btn-text: hsl(0, 0%, 0%);--s2-background: hsla(213, 33%, 18%, 1);--s2-foreground: hsla(212, 33%, 23%, 1);--s2-text: hsl(0, 0%, 85%);--s2-accent: hsla(329, 84%, 49%, 1);--s2-border: hsla(0, 0%, 100%, 0.25);--s2-input: hsla(0, 0%, 100%, 0.1);--s2-heading: hsl(0, 0%, 100%);--s2-background-d-1: rgb(27, 39, 53);--s2-background-d-2: rgb(23, 33, 46);--s2-background-d-3: rgb(19, 28, 38);--s2-background-d-4: rgb(16, 22, 31);--s2-background-d-5: rgb(12, 17, 23);--s2-background-d-6: rgb(8, 11, 15);--s2-background-d-7: rgb(4, 6, 8);--s2-foreground-d-1: rgb(34, 50, 68);--s2-foreground-d-2: rgb(29, 43, 59);--s2-foreground-d-3: rgb(24, 36, 49);--s2-foreground-d-4: rgb(20, 29, 39);--s2-foreground-d-5: rgb(15, 21, 29);--s2-foreground-d-6: rgb(10, 14, 20);--s2-foreground-d-7: rgb(5, 7, 10);--s2-accent-l-1: rgb(236, 79, 160);--s2-accent-l-2: rgb(243, 138, 192);--s2-accent-l-3: rgb(249, 196, 223);--s2-accent-d-1: rgb(173, 15, 96);--s2-accent-d-2: rgb(115, 10, 64);--s2-accent-d-3: rgb(58, 5, 32);--s2-btn-text: hsl(0, 0%, 100%);--shadow: hsl(0, 0%, 95%);--transparent: hsla(0, 0%, 0%, 0);--light: hsla(0, 0%, 100%, 1);--dark: hsl(0, 0%, 0%);--background: #FCFCFC;--foreground: #E7E7E7;--text: #39363D;--accent: #6C32C3;--border: #cfcfcf;--input: #efefef;--heading: #322F35;--btn-text: #FFFFFF;--accent-l-1: #9061d6;--accent-l-2: #b596e4;--accent-l-3: #dacaf1;--accent-d-1: #512692;--accent-d-2: #361961;--accent-d-3: #1b0d31;--background-d-1: #dddddd;--background-d-2: #bdbdbd;--background-d-3: #9e9e9e;--background-d-4: #7e7e7e;--background-d-5: #5f5f5f;--background-d-6: #3f3f3f;--background-d-7: #202020;--foreground-d-1: #cbcbcb;--foreground-d-2: #aeaeae;--foreground-d-3: #919191;--foreground-d-4: #747474;--foreground-d-5: #575757;--foreground-d-6: #3a3a3a;--foreground-d-7: #1d1d1d;--accent-base: #6C32C3;}