:root { --jaune: #FFED00; --jaune-1: #ffd744; --jaune-2: #f39200; --bleu-1: #0bbbef; --bleu-2: #006db1; --vert-1: #00975a; --vert-2: #1f283a; --rouge-1: #ea5297; --rouge-2: #e30613; --text-2xs: clamp(0.82rem, calc(0 * (100vw - 36rem) + 0.82rem), 0.82rem); --text-xs: clamp(1.02rem, calc(0 * (100vw - 36rem) + 1.02rem), 1.02rem); --text-s: clamp(1.28rem, calc(0 * (100vw - 36rem) + 1.28rem), 1.28rem); --text-m: clamp(1.6rem, calc(0 * (100vw - 36rem) + 1.6rem), 1.6rem); --text-l: clamp(2rem, calc(0 * (100vw - 36rem) + 2rem), 2rem); --text-xl: clamp(2.5rem, calc(0 * (100vw - 36rem) + 2.5rem), 2.5rem); --text-2xl: clamp(3.13rem, calc(0 * (100vw - 36rem) + 3.13rem), 3.13rem); --text-3xl: clamp(3.91rem, calc(0 * (100vw - 36rem) + 3.91rem), 3.91rem); --text-4xl: clamp(4.88rem, calc(0 * (100vw - 36rem) + 4.88rem), 4.88rem); --text-5xl: clamp(6.1rem, calc(0 * (100vw - 36rem) + 6.1rem), 6.1rem); --text-6xl: clamp(7.63rem, calc(0 * (100vw - 36rem) + 7.63rem), 7.63rem); --text-7xl: clamp(9.54rem, calc(0 * (100vw - 36rem) + 9.54rem), 9.54rem); --section-1: clamp(20rem, calc(0.09259259259259259 * (100vw - 36rem) + 20rem), 30rem); --gap-1: clamp(2rem, calc(0.027777777777777776 * (100vw - 36rem) + 2rem), 5rem);}.bg-jaune { background-color: var(--jaune); }.text-jaune { color: var(--jaune); }.border-jaune { border-color: var(--jaune); }.outline-jaune { outline-color: var(--jaune); }.fill-jaune { fill: var(--jaune); }.stroke-jaune { stroke: var(--jaune); }