:root { --kolor-01: #ffffff; --kolor-02: #272323; --kolor-03: #575150; --kolor-04: #413c3a; --kolor-05: #e4acb4; --kolor-06: #f8f5f2; --kolor-07: #fbfaf8; --kolor-08: #f5eee9; --kolor-09: #e8e1dd; --kolor-10: #dad2ce; --kolor-11: #e60000; --text-3xs: clamp(1rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1rem), 1.3rem); --text-2xs: clamp(1.1rem, calc(0.002777777777777776 * (100vw - 36rem) + 1.1rem), 1.4rem); --text-xs: clamp(1.2rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.2rem), 1.5rem); --text-s: clamp(1.3rem, calc(0.0027777777777777783 * (100vw - 36rem) + 1.3rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-l: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --text-xl: clamp(2rem, calc(0.003703703703703703 * (100vw - 36rem) + 2rem), 2.4rem); --text-2xl: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --heading-2xs: clamp(2rem, calc(0.007407407407407406 * (100vw - 36rem) + 2rem), 2.8rem); --heading-xs: clamp(2.4rem, calc(0.005555555555555557 * (100vw - 36rem) + 2.4rem), 3rem); --heading-s: clamp(2.8rem, calc(0.003703703703703707 * (100vw - 36rem) + 2.8rem), 3.2rem); --heading-m: clamp(3rem, calc(0.003703703703703703 * (100vw - 36rem) + 3rem), 3.4rem); --heading-l: clamp(3.8rem, calc(0.01481481481481482 * (100vw - 36rem) + 3.8rem), 5.4rem); --heading-xl: clamp(4rem, calc(0.020370370370370372 * (100vw - 36rem) + 4rem), 6.2rem); --heading-2xl: clamp(4.2rem, calc(0.02407407407407407 * (100vw - 36rem) + 4.2rem), 6.8rem); --additional-m: clamp(1.4rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.4rem), 1.8rem); --additional-l: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --additional-xl: clamp(2.6rem, calc(0.011111111111111108 * (100vw - 36rem) + 2.6rem), 3.8rem);}