:root { --white: #fff; --red: rgba(243, 66, 19, 1); --dark-blue-1: rgba(18, 21, 104, 1); --grey-2: rgba(222, 222, 222, 1); --grey-1: rgba(126, 127, 141, 1); --blue-2: rgba(154, 174, 221, 1); --grey-4: rgba(245, 245, 245, 1); --font-size-1: clamp(3rem, calc(0.027777777777777776 * (100vw - 36rem) + 3rem), 6rem); --font-size-2: clamp(2.3rem, calc(0.015740740740740743 * (100vw - 36rem) + 2.3rem), 4rem); --font-size-3: clamp(2.2rem, calc(0.005555555555555552 * (100vw - 36rem) + 2.2rem), 2.8rem); --font-size-4: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --font-size-5: clamp(1.7rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.7rem), 2rem); --font-size-6: clamp(1.4rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.4rem), 1.6rem); --font-size-7: clamp(1.1rem, calc(0.0009259259259259247 * (100vw - 36rem) + 1.1rem), 1.2rem); --font-size-8: clamp(5rem, calc(0.046296296296296294 * (100vw - 36rem) + 5rem), 10rem); --font-size-9: clamp(1.5rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.5rem), 1.8rem); --space-2xs: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --space-xs: clamp(1.2rem, calc(0.007407407407407408 * (100vw - 36rem) + 1.2rem), 2rem); --space-s: clamp(1.6rem, calc(0.012962962962962963 * (100vw - 36rem) + 1.6rem), 3rem); --space-m: clamp(2.4rem, calc(0.014814814814814815 * (100vw - 36rem) + 2.4rem), 4rem); --space-l: clamp(3.6rem, calc(0.022222222222222223 * (100vw - 36rem) + 3.6rem), 6rem); --space-xl: clamp(4.8rem, calc(0.02962962962962963 * (100vw - 36rem) + 4.8rem), 8rem); --space-2xl: clamp(6.4rem, calc(0.03333333333333333 * (100vw - 36rem) + 6.4rem), 10rem);}