:root { --blanc: #ffffff; --noir: #000000; --beige-100: #f2e4ca; --beige-50: #f5ebd7; --beige-20: #f9f2e4; --jaune-quiz-100: #ffce00; --jaune-quiz-50: #ffe67b; --jaune-quiz-20: #fff3c0; --rouge-hache-100: #ef233c; --rouge-hache-50: #ff92b4; --rouge-hache-20: #ffc7d4; --violet-karaoke-100: #6200ea; --violet-karaoke-50: #b994ff; --violet-karaoke-20: #c4c0ff; --vert-flechettes-100: #02ce63; --vert-flechettes-50: #5ae294; --vert-flechettes-20: #a9ffd0; --text-2xs: clamp(0.8rem, calc(0.0008333333333333331 * (100vw - 36rem) + 0.8rem), 0.89rem); --text-xs: clamp(1.13rem, calc(0.0018518518518518534 * (100vw - 36rem) + 1.13rem), 1.33rem); --text-s: clamp(1.6rem, calc(0.003703703703703703 * (100vw - 36rem) + 1.6rem), 2rem); --text-m: clamp(2.26rem, calc(0.006851851851851854 * (100vw - 36rem) + 2.26rem), 3rem); --text-l: clamp(3.2rem, calc(0.012037037037037035 * (100vw - 36rem) + 3.2rem), 4.5rem); --text-xl: clamp(4.52rem, calc(0.02064814814814815 * (100vw - 36rem) + 4.52rem), 6.75rem); --text-2xl: clamp(6.4rem, calc(0.03453703703703704 * (100vw - 36rem) + 6.4rem), 10.13rem); --space-2xs: clamp(0.89rem, calc(0.002777777777777777 * (100vw - 36rem) + 0.89rem), 1.19rem); --space-xs: clamp(1.33rem, calc(0.004166666666666667 * (100vw - 36rem) + 1.33rem), 1.78rem); --space-s: clamp(2rem, calc(0.0062037037037037035 * (100vw - 36rem) + 2rem), 2.67rem); --space-m: clamp(3rem, calc(0.009259259259259259 * (100vw - 36rem) + 3rem), 4rem); --space-l: clamp(4.5rem, calc(0.013888888888888888 * (100vw - 36rem) + 4.5rem), 6rem); --space-xl: clamp(6.75rem, calc(0.020833333333333332 * (100vw - 36rem) + 6.75rem), 9rem); --space-2xl: clamp(10.13rem, calc(0.031203703703703695 * (100vw - 36rem) + 10.13rem), 13.5rem);}