:root { --white: #FFFFFF; --black: #000000; --orange: #f99400; --orange-d-1: #d07b00; --orange-d-2: #a66300; --orange-d-3: #7d4a00; --orange-d-4: #533100; --orange-d-5: #2a1900; --orange-l-1: #faa62a; --orange-l-2: #fbb855; --orange-l-3: #fcca80; --orange-l-4: #fddbaa; --orange-l-5: #feedd5; --gris: #F8F8F8; --gris-foncé: #D9D9D9; --gris-fonce: #909090; --text-2xs: clamp(0.51rem, calc(0 * (100vw - 22.5rem) + 0.51rem), 0.51rem); --text-xs: clamp(0.64rem, calc(0 * (100vw - 22.5rem) + 0.64rem), 0.64rem); --text-s: clamp(0.8rem, calc(0 * (100vw - 22.5rem) + 0.8rem), 0.8rem); --text-m: clamp(1rem, calc(0 * (100vw - 22.5rem) + 1rem), 1rem); --text-l: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --text-xl: clamp(1.56rem, calc(0 * (100vw - 22.5rem) + 1.56rem), 1.56rem); --text-2xl: clamp(1.95rem, calc(0 * (100vw - 22.5rem) + 1.95rem), 1.95rem); --gap-2xs: clamp(0.72rem, calc(0 * (100vw - 22.5rem) + 0.72rem), 0.72rem); --gap-xs: clamp(0.87rem, calc(0 * (100vw - 22.5rem) + 0.87rem), 0.87rem); --gap-s: clamp(1.04rem, calc(0 * (100vw - 22.5rem) + 1.04rem), 1.04rem); --gap-m: clamp(1.25rem, calc(0 * (100vw - 22.5rem) + 1.25rem), 1.25rem); --gap-l: clamp(1.5rem, calc(0 * (100vw - 22.5rem) + 1.5rem), 1.5rem); --gap-xl: clamp(1.8rem, calc(0 * (100vw - 22.5rem) + 1.8rem), 1.8rem); --gap-2xl: clamp(2.16rem, calc(0 * (100vw - 22.5rem) + 2.16rem), 2.16rem);}.bg-white { background-color: var(--white); }.text-white { color: var(--white); }.border-white { border-color: var(--white); }.outline-white { outline-color: var(--white); }.bg-black { background-color: var(--black); }.text-black { color: var(--black); }.border-black { border-color: var(--black); }.outline-black { outline-color: var(--black); }.fill-black { fill: var(--black); }.bg-orange { background-color: var(--orange); }.bg-orange-d-1 { background-color: var(--orange-d-1); }.bg-orange-d-2 { background-color: var(--orange-d-2); }.bg-orange-d-3 { background-color: var(--orange-d-3); }.bg-orange-d-4 { background-color: var(--orange-d-4); }.bg-orange-d-5 { background-color: var(--orange-d-5); }.bg-orange-l-1 { background-color: var(--orange-l-1); }.bg-orange-l-2 { background-color: var(--orange-l-2); }.bg-orange-l-3 { background-color: var(--orange-l-3); }.bg-orange-l-4 { background-color: var(--orange-l-4); }.bg-orange-l-5 { background-color: var(--orange-l-5); }.text-orange { color: var(--orange); }.text-orange-d-1 { color: var(--orange-d-1); }.text-orange-d-2 { color: var(--orange-d-2); }.text-orange-d-3 { color: var(--orange-d-3); }.text-orange-d-4 { color: var(--orange-d-4); }.text-orange-d-5 { color: var(--orange-d-5); }.text-orange-l-1 { color: var(--orange-l-1); }.text-orange-l-2 { color: var(--orange-l-2); }.text-orange-l-3 { color: var(--orange-l-3); }.text-orange-l-4 { color: var(--orange-l-4); }.text-orange-l-5 { color: var(--orange-l-5); }.border-orange { border-color: var(--orange); }.border-orange-d-1 { border-color: var(--orange-d-1); }.border-orange-d-2 { border-color: var(--orange-d-2); }.border-orange-d-3 { border-color: var(--orange-d-3); }.border-orange-d-4 { border-color: var(--orange-d-4); }.border-orange-d-5 { border-color: var(--orange-d-5); }.border-orange-l-1 { border-color: var(--orange-l-1); }.border-orange-l-2 { border-color: var(--orange-l-2); }.border-orange-l-3 { border-color: var(--orange-l-3); }.border-orange-l-4 { border-color: var(--orange-l-4); }.border-orange-l-5 { border-color: var(--orange-l-5); }.outline-orange { outline-color: var(--orange); }.outline-orange-d-1 { outline-color: var(--orange-d-1); }.outline-orange-d-2 { outline-color: var(--orange-d-2); }.outline-orange-d-3 { outline-color: var(--orange-d-3); }.outline-orange-d-4 { outline-color: var(--orange-d-4); }.outline-orange-d-5 { outline-color: var(--orange-d-5); }.outline-orange-l-1 { outline-color: var(--orange-l-1); }.outline-orange-l-2 { outline-color: var(--orange-l-2); }.outline-orange-l-3 { outline-color: var(--orange-l-3); }.outline-orange-l-4 { outline-color: var(--orange-l-4); }.outline-orange-l-5 { outline-color: var(--orange-l-5); }.bg-gris { background-color: var(--gris); }.text-gris { color: var(--gris); }.border-gris { border-color: var(--gris); }.outline-gris { outline-color: var(--gris); }.text-base2xs { 16px: var(--text-2xs); }.text-basexs { 16px: var(--text-xs); }.text-bases { 16px: var(--text-s); }.text-basem { 16px: var(--text-m); }.text-basel { 16px: var(--text-l); }.text-basexl { 16px: var(--text-xl); }.text-base2xl { 16px: var(--text-2xl); }