:root { --shadow: hsl(0, 0%, 95%); --transparent: hsla(0, 0%, 0%, 0); --light: hsla(0, 0%, 100%, 1); --dark: hsl(0, 0%, 0%); --background: hsl(198, 5%, 97%); --foreground: hsl(188, 10%, 91%); --text: #262729; --accent: #f05858; --border: hsl(210, 22%, 90%); --input: #efefef; --heading: #2f3235; --btn-text: #FFFFFF; --accent-base: #f05858; --foreground-d-1: hsl(180, 3%, 80%); --foreground-d-2: hsl(180, 2%, 68%); --foreground-d-3: hsl(180, 1%, 57%); --foreground-d-4: hsl(180, 1%, 45%); --foreground-d-5: hsl(180, 1%, 34%); --foreground-d-6: hsl(180, 1%, 23%); --foreground-d-7: hsl(180, 1%, 11%); --accent-sec: #bb1669; --accent-sec-l-1: #c12b77; --accent-sec-l-2: #c74084; --accent-sec-l-3: #ce5692; --accent-sec-l-4: #d46ba0; --accent-sec-l-5: #da80ad; --accent-sec-l-6: #e095bb; --accent-sec-l-7: #e6aac8; --accent-sec-l-8: #ecbfd6; --accent-sec-l-9: #f3d5e4; --accent-sec-l-10: #f9eaf1; --accent-sec-d-1: #aa145f; --accent-sec-d-2: #991256; --accent-sec-d-3: #88104c; --accent-sec-d-4: #770e43; --accent-sec-d-5: #660c39; --accent-sec-d-6: #550a30; --accent-sec-d-7: #440826; --accent-sec-d-8: #33061d; --accent-sec-d-9: #220413; --accent-sec-d-10: #11020a; --accent-sec-t-1: hsla(330, 79%, 41%, 0.09); --accent-sec-t-2: hsla(330, 79%, 41%, 0.18); --accent-sec-t-3: hsla(330, 79%, 41%, 0.27); --accent-sec-t-4: hsla(330, 79%, 41%, 0.36); --accent-sec-t-5: hsla(330, 79%, 41%, 0.45); --accent-sec-t-6: hsla(330, 79%, 41%, 0.55); --accent-sec-t-7: hsla(330, 79%, 41%, 0.64); --accent-sec-t-8: hsla(330, 79%, 41%, 0.73); --accent-sec-t-9: hsla(330, 79%, 41%, 0.82); --accent-sec-t-10: hsla(330, 79%, 41%, 0.91); --accent-t-1: hsla(0, 84%, 64%, 0.09); --accent-t-2: hsla(0, 84%, 64%, 0.18); --accent-t-3: hsla(0, 84%, 64%, 0.27); --accent-t-4: hsla(0, 84%, 64%, 0.36); --accent-t-5: hsla(0, 84%, 64%, 0.45); --accent-t-6: hsla(0, 84%, 64%, 0.55); --accent-t-7: hsla(0, 84%, 64%, 0.64); --accent-t-8: hsla(0, 84%, 64%, 0.73); --accent-t-9: hsla(0, 84%, 64%, 0.82); --accent-t-10: hsla(0, 84%, 64%, 0.91); --accent-l-1: #f16767; --accent-l-2: #f37676; --accent-l-3: #f48686; --accent-l-4: #f59595; --accent-l-5: #f7a4a4; --accent-l-6: #f8b3b3; --accent-l-7: #fac2c2; --accent-l-8: #fbd1d1; --accent-l-9: #fce1e1; --accent-l-10: #fef0f0; --accent-d-1: #da5050; --accent-d-2: #c44848; --accent-d-3: #af4040; --accent-d-4: #993838; --accent-d-5: #833030; --accent-d-6: #6d2828; --accent-d-7: #572020; --accent-d-8: #411818; --accent-d-9: #2c1010; --accent-d-10: #160808; --accent-gold: #ffc338; --emerald: #30b97c; --emerald-l-1: #43bf88; --emerald-l-2: #56c694; --emerald-l-3: #68cca0; --emerald-l-4: #7bd2ac; --emerald-l-5: #8ed9b8; --emerald-l-6: #a1dfc3; --emerald-l-7: #b4e6cf; --emerald-l-8: #c7ecdb; --emerald-l-9: #d9f2e7; --emerald-l-10: #ecf9f3; --background-d-1: hsl(180, 1%, 85%); --background-d-2: hsl(180, 1%, 73%); --background-d-3: hsl(180, 0%, 61%); --background-d-4: hsl(180, 0%, 49%); --background-d-5: hsl(180, 0%, 36%); --background-d-6: hsl(180, 0%, 24%); --background-d-7: hsl(180, 0%, 12%); --emerald-d-1: #2ca871; --emerald-d-2: #279765; --emerald-d-3: #23875a; --emerald-d-4: #1f764f; --emerald-d-5: #1a6544; --emerald-d-6: #165438; --emerald-d-7: #11432d; --emerald-d-8: #0d3222; --emerald-d-9: #092217; --emerald-d-10: #04110b; --s2-background: hsla(213, 33%, 18%, 1); --s2-foreground: hsla(212, 33%, 23%, 1); --s2-text: hsl(0, 0%, 85%); --s2-accent: #bb1669; --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-btn-text: hsl(0, 0%, 100%); --s2-accent-l-1: #c12b77; --s2-accent-l-2: #c74084; --s2-accent-l-3: #ce5692; --s2-accent-l-4: #d46ba0; --s2-accent-l-5: #da80ad; --s2-accent-l-6: #e095bb; --s2-accent-l-7: #e6aac8; --s2-accent-l-8: #ecbfd6; --s2-accent-l-9: #f3d5e4; --s2-accent-l-10: #f9eaf1; --s2-accent-d-1: #aa145f; --s2-accent-d-2: #991256; --s2-accent-d-3: #88104c; --s2-accent-d-4: #770e43; --s2-accent-d-5: #660c39; --s2-accent-d-6: #550a30; --s2-accent-d-7: #440826; --s2-accent-d-8: #33061d; --s2-accent-d-9: #220413; --s2-accent-d-10: #11020a; --s2-accent-t-1: hsla(330, 79%, 41%, 0.09); --s2-accent-t-2: hsla(330, 79%, 41%, 0.18); --s2-accent-t-3: hsla(330, 79%, 41%, 0.27); --s2-accent-t-4: hsla(330, 79%, 41%, 0.36); --s2-accent-t-5: hsla(330, 79%, 41%, 0.45); --s2-accent-t-6: hsla(330, 79%, 41%, 0.55); --s2-accent-t-7: hsla(330, 79%, 41%, 0.64); --s2-accent-t-8: hsla(330, 79%, 41%, 0.73); --s2-accent-t-9: hsla(330, 79%, 41%, 0.82); --s2-accent-t-10: hsla(330, 79%, 41%, 0.91); --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%); --space--4xs: clamp(0.66rem, calc(-0.0016666666666666672 * (100vw - 36rem) + 0.66rem), 0.48rem); --space--3xs: clamp(0.82rem, calc(-0.0017592592592592588 * (100vw - 36rem) + 0.82rem), 0.63rem); --space--2xs: clamp(1.02rem, calc(-0.0016666666666666672 * (100vw - 36rem) + 1.02rem), 0.84rem); --space--xs: clamp(1.28rem, calc(-0.00138888888888889 * (100vw - 36rem) + 1.28rem), 1.13rem); --space--s: clamp(1.6rem, calc(-0.0009259259259259267 * (100vw - 36rem) + 1.6rem), 1.5rem); --space--m: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --space--l: clamp(2.5rem, calc(0.0015740740740740734 * (100vw - 36rem) + 2.5rem), 2.67rem); --space--xl: clamp(3.13rem, calc(0.0038888888888888883 * (100vw - 36rem) + 3.13rem), 3.55rem); --space--2xl: clamp(3.91rem, calc(0.0076851851851851855 * (100vw - 36rem) + 3.91rem), 4.74rem); --space--3xl: clamp(4.88rem, calc(0.013240740740740739 * (100vw - 36rem) + 4.88rem), 6.31rem); --space--4xl: clamp(6.1rem, calc(0.021481481481481483 * (100vw - 36rem) + 6.1rem), 8.42rem); --text--xs: clamp(1.11rem, calc(-0.000833333333333334 * (100vw - 36rem) + 1.11rem), 1.02rem); --text--s: clamp(1.33rem, calc(-0.00046296296296296336 * (100vw - 36rem) + 1.33rem), 1.28rem); --text--m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text--l: clamp(1.92rem, calc(0.0007407407407407414 * (100vw - 36rem) + 1.92rem), 2rem); --text--xl: clamp(2.3rem, calc(0.0018518518518518534 * (100vw - 36rem) + 2.3rem), 2.5rem); --text--2xl: clamp(2.76rem, calc(0.003425925925925927 * (100vw - 36rem) + 2.76rem), 3.13rem); --text--3xl: clamp(3.32rem, calc(0.0054629629629629655 * (100vw - 36rem) + 3.32rem), 3.91rem); --text--4xl: clamp(3.98rem, calc(0.008333333333333333 * (100vw - 36rem) + 3.98rem), 4.88rem);}.text-text { color: var(--text); }.text-s2-text { color: var(--s2-text); }.text-s3-text { color: var(--s3-text); }