:root { --shadow: hsl(0, 0%, 95%); --transparent: hsla(0, 0%, 0%, 0); --light: hsla(0, 0%, 100%, 1); --dark: hsl(0, 0%, 0%); --background: #F2F2F2; --foreground: #F2F2F2; --text: #202020; --accent: #202020; --border: #c6c6c6; --input: #f2f2f2; --heading: #202020; --btn-text: #FFFFFF; --accent-l-1: #595959; --accent-l-2: #909090; --accent-l-3: #c8c8c8; --accent-d-1: #191919; --accent-d-2: #111111; --accent-d-3: #080808; --background-d-1: #d4d4d4; --background-d-2: #b6b6b6; --background-d-3: #979797; --background-d-4: #797979; --background-d-5: #5b5b5b; --background-d-6: #3d3d3d; --background-d-7: #1e1e1e; --foreground-d-1: #d4d4d4; --foreground-d-2: #b6b6b6; --foreground-d-3: #979797; --foreground-d-4: #797979; --foreground-d-5: #5b5b5b; --foreground-d-6: #3d3d3d; --foreground-d-7: #1e1e1e; --accent-base: #202020; --s2-background: #202020; --s2-foreground: #202020; --s2-text: #F2F2F2; --s2-accent: #F2F2F2; --s2-border: #515151; --s2-input: #202020; --s2-heading: #F2F2F2; --s2-background-d-1: #1d1d1d; --s2-background-d-2: #191919; --s2-background-d-3: #151515; --s2-background-d-4: #111111; --s2-background-d-5: #0c0c0c; --s2-background-d-6: #080808; --s2-background-d-7: #040404; --s2-foreground-d-1: #1d1d1d; --s2-foreground-d-2: #191919; --s2-foreground-d-3: #151515; --s2-foreground-d-4: #111111; --s2-foreground-d-5: #0c0c0c; --s2-foreground-d-6: #080808; --s2-foreground-d-7: #040404; --s2-accent-l-1: #f5f5f5; --s2-accent-l-2: #f9f9f9; --s2-accent-l-3: #fcfcfc; --s2-accent-d-1: #b6b6b6; --s2-accent-d-2: #797979; --s2-accent-d-3: #3d3d3d; --s2-btn-text: #000000; --space--4xs: clamp(0.52rem, calc(-0.0014814814814814818 * (100vw - 36rem) + 0.52rem), 0.36rem); --space--3xs: clamp(0.66rem, calc(-0.0016666666666666672 * (100vw - 36rem) + 0.66rem), 0.48rem); --space--2xs: clamp(0.82rem, calc(-0.0017592592592592588 * (100vw - 36rem) + 0.82rem), 0.63rem); --space--xs: clamp(1.02rem, calc(-0.0016666666666666672 * (100vw - 36rem) + 1.02rem), 0.84rem); --space--s: clamp(1.28rem, calc(-0.00138888888888889 * (100vw - 36rem) + 1.28rem), 1.13rem); --space--m: clamp(1.6rem, calc(-0.0009259259259259267 * (100vw - 36rem) + 1.6rem), 1.5rem); --space--l: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --space--xl: clamp(2.5rem, calc(0.0015740740740740734 * (100vw - 36rem) + 2.5rem), 2.67rem); --space--2xl: clamp(3.13rem, calc(0.0038888888888888883 * (100vw - 36rem) + 3.13rem), 3.55rem); --space--3xl: clamp(3.91rem, calc(0.0076851851851851855 * (100vw - 36rem) + 3.91rem), 4.74rem); --space--4xl: clamp(4.88rem, calc(0.013240740740740739 * (100vw - 36rem) + 4.88rem), 6.31rem); --space--5xl: clamp(6.1rem, calc(0.021481481481481483 * (100vw - 36rem) + 6.1rem), 8.42rem); --text--xs: clamp(1.1rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.1rem), 1.3rem); --text--s: clamp(1.3rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.3rem), 1.5rem); --text--m: clamp(1.7rem, calc(0 * (100vw - 36rem) + 1.7rem), 1.7rem); --text--l: clamp(1.9rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.9rem), 2.1rem); --text--xl: clamp(2.3rem, calc(0.004629629629629629 * (100vw - 36rem) + 2.3rem), 2.8rem); --text--2xl: clamp(2.8rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.8rem), 3.4rem); --text--3xl: clamp(3.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 3.4rem), 4rem); --text--4xl: clamp(4.6rem, calc(0.00555555555555556 * (100vw - 36rem) + 4.6rem), 5.2rem); --heading--xs: clamp(1.3rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.3rem), 1.5rem); --heading--s: clamp(1.5rem, calc(0.004629629629629629 * (100vw - 36rem) + 1.5rem), 2rem); --heading--m: clamp(1.9rem, calc(0.005555555555555557 * (100vw - 36rem) + 1.9rem), 2.5rem); --heading--l: clamp(2.1rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.1rem), 2.7rem); --heading--xl: clamp(2.7rem, calc(0.013888888888888888 * (100vw - 36rem) + 2.7rem), 4.2rem); --heading--2xl: clamp(3.6rem, calc(0.024074074074074074 * (100vw - 36rem) + 3.6rem), 6.2rem);}.text-text { color: var(--text); }.text-s2-text { color: var(--s2-text); }