:root { --bg-base: #FFFFFF; --bg-surface: #F5F3FA; --text-primary: #161318; --text-secondary: #2A2430; --brand-primary: #9e3dc1; --brand-light: #8b5cf6; --brand-indigo: #6366f1; --accent: #ec4899; --border-primary: #000000; --headings-2xs: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --headings-xs: clamp(2rem, calc(0.005555555555555557 * (100vw - 36rem) + 2rem), 2.6rem); --headings-s: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --headings-m: clamp(2.8rem, calc(0.011111111111111113 * (100vw - 36rem) + 2.8rem), 4rem); --headings-l: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --headings-xl: clamp(3.8rem, calc(0.020370370370370372 * (100vw - 36rem) + 3.8rem), 6rem); --headings-2xl: clamp(4.4rem, calc(0.025925925925925925 * (100vw - 36rem) + 4.4rem), 7.2rem); --body-2xs: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --body-xs: clamp(1.2rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.2rem), 1.3rem); --body-s: clamp(1.3rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.3rem), 1.4rem); --body-m: clamp(1.5rem, calc(0.0009259259259259267 * (100vw - 36rem) + 1.5rem), 1.6rem); --body-l: clamp(1.6rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.6rem), 1.7rem); --body-xl: clamp(1.8rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.8rem), 2rem); --body-2xl: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem);}