:root { --jjm1: #E33DBC; --jjm2: #6C68F6; --jjm3: #FFED77; --textcolour: hsl(0, 0%, 9%); --textcolour-l-1: hsl(0, 0%, 17%); --textcolour-l-2: hsl(0, 0%, 26%); --textcolour-l-3: hsl(0, 0%, 34%); --textcolour-l-4: hsl(0, 0%, 42%); --textcolour-l-5: hsl(0, 0%, 50%); --textcolour-l-6: hsl(0, 0%, 59%); --textcolour-l-7: hsl(0, 0%, 67%); --textcolour-l-8: hsl(0, 0%, 75%); --textcolour-l-9: hsl(0, 0%, 83%); --textcolour-l-10: hsl(0, 0%, 92%); --textcolour-d-1: hsl(0, 0%, 8%); --textcolour-d-2: hsl(0, 0%, 7%); --textcolour-d-3: hsl(0, 0%, 7%); --textcolour-d-4: hsl(0, 0%, 6%); --textcolour-d-5: hsl(0, 0%, 5%); --textcolour-d-6: hsl(0, 0%, 4%); --textcolour-d-7: hsl(0, 0%, 3%); --textcolour-d-8: hsl(0, 0%, 2%); --textcolour-d-9: hsl(0, 0%, 2%); --textcolour-d-10: hsl(0, 0%, 1%); --H6: clamp(1.15rem, calc(-0.0015740740740740734 * (100vw - 36rem) + 1.15rem), 0.98rem); --H5: clamp(1.44rem, calc(0.00027777777777777805 * (100vw - 36rem) + 1.44rem), 1.47rem); --H4: clamp(1.8rem, calc(0.003703703703703705 * (100vw - 36rem) + 1.8rem), 2.2rem); --H3: clamp(2.25rem, calc(0.00972222222222222 * (100vw - 36rem) + 2.25rem), 3.3rem); --H2: clamp(2.81rem, calc(0.019814814814814816 * (100vw - 36rem) + 2.81rem), 4.95rem); --H1: clamp(3.52rem, calc(0.03611111111111111 * (100vw - 36rem) + 3.52rem), 7.42rem); --text-2xs: clamp(1.12rem, calc(0.0012962962962962954 * (100vw - 36rem) + 1.12rem), 1.26rem); --text-xs: clamp(1.26rem, calc(0.0014814814814814808 * (100vw - 36rem) + 1.26rem), 1.42rem); --text-s: clamp(1.42rem, calc(0.001666666666666668 * (100vw - 36rem) + 1.42rem), 1.6rem); --text-m: clamp(1.6rem, calc(0.0018518518518518515 * (100vw - 36rem) + 1.6rem), 1.8rem); --text-l: clamp(1.8rem, calc(0.002037037037037037 * (100vw - 36rem) + 1.8rem), 2.02rem); --text-xl: clamp(2.02rem, calc(0.0024074074074074054 * (100vw - 36rem) + 2.02rem), 2.28rem); --text-2xl: clamp(2.28rem, calc(0.0025925925925925947 * (100vw - 36rem) + 2.28rem), 2.56rem);}