:root { --background: #FFFFFF; --foreground: #F4F5F7; --text: #555555; --accent: #FF8800; --border: #E5E5E5; --input: #F9F9F9; --heading: #111111; --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: #FF7369; --text-2xs: clamp(0.82rem, calc(0.00018518518518518534 * (100vw - 36rem) + 0.82rem), 0.84rem); --text-xs: clamp(1.02rem, calc(0.0010185185185185173 * (100vw - 36rem) + 1.02rem), 1.13rem); --text-s: clamp(1.28rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.28rem), 1.5rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --text-xl: clamp(2.5rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.5rem), 3.55rem); --text-2xl: clamp(3.13rem, calc(0.014907407407407411 * (100vw - 36rem) + 3.13rem), 4.74rem);}.text-text { color: var(--text); }