:root { --kolor-01: #ffffff; --kolor-02: #272323; --kolor-03: #575150; --kolor-04: #413c3a; --kolor-05: #d7aaaf; --kolor-06: #f8f5f2; --kolor-07: #fbfaf8; --kolor-08: #efe8e2; --kolor-09: #e8e1dd; --kolor-10: #e3dad5; --text-2xs: clamp(0.8rem, calc(0.003703703703703703 * (100vw - 36rem) + 0.8rem), 1.2rem); --text-xs: clamp(0.9rem, calc(0.003703703703703704 * (100vw - 36rem) + 0.9rem), 1.3rem); --text-s: clamp(1rem, calc(0.003703703703703703 * (100vw - 36rem) + 1rem), 1.4rem); --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(1.6rem, calc(0.007407407407407406 * (100vw - 36rem) + 1.6rem), 2.4rem); --heading-xs: clamp(1.8rem, calc(0.007407407407407408 * (100vw - 36rem) + 1.8rem), 2.6rem); --heading-s: clamp(2rem, calc(0.007407407407407406 * (100vw - 36rem) + 2rem), 2.8rem); --heading-m: clamp(2.4rem, calc(0.00740740740740741 * (100vw - 36rem) + 2.4rem), 3.2rem); --heading-l: clamp(3.2rem, calc(0.014814814814814812 * (100vw - 36rem) + 3.2rem), 4.8rem); --heading-xl: clamp(4.8rem, calc(0.01481481481481482 * (100vw - 36rem) + 4.8rem), 6.4rem); --heading-2xl: clamp(6.4rem, calc(0.029629629629629624 * (100vw - 36rem) + 6.4rem), 9.6rem);}