:root { --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: hsl(0, 0%, 92%); --text: #39363D; --accent: #177e9c; --border: #cfcfcf; --input: #f1f1f1; --heading: #322F35; --btn-text: #ffffff; --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; --accent-base: #177e9c; --accent-l-1: #519eb5; --accent-l-2: #8bbfce; --accent-l-3: #c5dfe6; --accent-d-1: #115f75; --accent-d-2: #0c3f4e; --accent-d-3: #062027; --foreground-d-1: #cecece; --foreground-d-2: #b0b0b0; --foreground-d-3: #939393; --foreground-d-4: #767676; --foreground-d-5: #585858; --foreground-d-6: #3b3b3b; --foreground-d-7: #1d1d1d; --s2-background: hsl(0, 0%, 92%); --s2-foreground: hsl(0, 0%, 100%); --s2-text: hsl(0, 0%, 9%); --s2-accent: #177e9c; --s2-border: #c1c1c1; --s2-input: #f7f7f7; --s2-heading: hsl(0, 0%, 0%); --s2-btn-text: #ffffff; --s2-background-d-1: #cecece; --s2-background-d-2: #b0b0b0; --s2-background-d-3: #939393; --s2-background-d-4: #767676; --s2-background-d-5: #585858; --s2-background-d-6: #3b3b3b; --s2-background-d-7: #1d1d1d; --s2-foreground-d-1: #dfdfdf; --s2-foreground-d-2: #bfbfbf; --s2-foreground-d-3: #9f9f9f; --s2-foreground-d-4: #808080; --s2-foreground-d-5: #606060; --s2-foreground-d-6: #404040; --s2-foreground-d-7: #202020; --s2-accent-l-1: #519eb5; --s2-accent-l-2: #8bbfce; --s2-accent-l-3: #c5dfe6; --s2-accent-d-1: #115f75; --s2-accent-d-2: #0c3f4e; --s2-accent-d-3: #062027; --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: rgba(255, 255, 255, 0.25); --s3-input: rgba(255, 255, 255, 0.1); --s3-heading: hsl(0, 0%, 100%); --s3-background-d-1: #100109; --s3-background-d-2: #0e0108; --s3-background-d-3: #0c0107; --s3-background-d-4: #090105; --s3-background-d-5: #070104; --s3-background-d-6: #050003; --s3-background-d-7: #020001; --s3-foreground-d-1: #250315; --s3-foreground-d-2: #200312; --s3-foreground-d-3: #1a020f; --s3-foreground-d-4: #15020c; --s3-foreground-d-5: #100109; --s3-foreground-d-6: #0b0106; --s3-foreground-d-7: #050003; --s3-accent-l-1: #ffffff; --s3-accent-l-2: #ffffff; --s3-accent-l-3: #ffffff; --s3-accent-d-1: #bfbfbf; --s3-accent-d-2: #808080; --s3-accent-d-3: #404040; --s3-btn-text: #000000; --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.0003703703703703686 * (100vw - 36rem) + 1.11rem), 1.15rem); --text--s: clamp(1.33rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.33rem), 1.44rem); --text--m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text--l: clamp(1.92rem, calc(0.003055555555555556 * (100vw - 36rem) + 1.92rem), 2.25rem); --text--xl: clamp(2.3rem, calc(0.004722222222222224 * (100vw - 36rem) + 2.3rem), 2.81rem); --text--2xl: clamp(2.76rem, calc(0.0070370370370370396 * (100vw - 36rem) + 2.76rem), 3.52rem); --text--3xl: clamp(3.32rem, calc(0.009907407407407406 * (100vw - 36rem) + 3.32rem), 4.39rem); --text--4xl: clamp(3.98rem, calc(0.013981481481481484 * (100vw - 36rem) + 3.98rem), 5.49rem); --heading--xs: clamp(1.62rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.62rem), 1.84rem); --heading--s: clamp(1.94rem, calc(0.0033333333333333322 * (100vw - 36rem) + 1.94rem), 2.3rem); --heading--m: clamp(2.33rem, calc(0.005092592592592591 * (100vw - 36rem) + 2.33rem), 2.88rem); --heading--l: clamp(2.8rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.8rem), 3.6rem); --heading--xl: clamp(3.36rem, calc(0.010555555555555556 * (100vw - 36rem) + 3.36rem), 4.5rem); --heading--2xl: clamp(4.03rem, calc(0.014814814814814812 * (100vw - 36rem) + 4.03rem), 5.63rem);}.text-text { color: var(--text); }.text-s2-text { color: var(--s2-text); }.text-s3-text { color: var(--s3-text); }