/* SOBIMA — generated from tokens.json */
:root, [data-theme="light"] { --calque: #f2eee6; --calque-releve: #fbf9f5; --trame: #c9c2b5; --encre: #1f2328; --encre-douce: #5c5f63; --bleu-plan: #2c4a6e; --bleu-plan-fond: #2c4a6e; --sur-bleu-plan: #f2eee6; --sur-bleu-plan-doux: #c7d3e3; --caramel: #c49e5f; --sur-caramel: #1f2328; --caramel-texte: #7a5a26; }
[data-theme="dark"] { --calque: #15181c; --calque-releve: #1f2328; --trame: #3a4048; --encre: #f2eee6; --encre-douce: #a3a8ae; --bleu-plan: #9db8d9; --bleu-plan-fond: #2c4a6e; --sur-bleu-plan: #f2eee6; --sur-bleu-plan-doux: #c7d3e3; --caramel: #c49e5f; --sur-caramel: #15181c; --caramel-texte: #d9b77e; }
:root { --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-12: 48px; --space-16: 64px; --radius-0: 0; --radius-trait: 2px; --radius-bouton: 3px; --trait-fin: 1px; --trait-plan: 1.5px; --font-titre: "Montserrat", "Helvetica Neue", Arial, sans-serif; --font-texte: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; --font-cote: "Schibsted Grotesk", "Helvetica Neue", Arial, sans-serif; }
.display { font-family: var(--font-titre); font-size: 56px; line-height: 58px; font-weight: 700; letter-spacing: -0.02em; }
.titre-1 { font-family: var(--font-titre); font-size: 40px; line-height: 44px; font-weight: 700; letter-spacing: -0.015em; }
.titre-2 { font-family: var(--font-titre); font-size: 28px; line-height: 34px; font-weight: 700; letter-spacing: -0.01em; }
.titre-3 { font-family: var(--font-titre); font-size: 20px; line-height: 26px; font-weight: 600; letter-spacing: 0; }
.chapo { font-family: var(--font-texte); font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0; }
.corps { font-family: var(--font-texte); font-size: 16px; line-height: 26px; font-weight: 400; letter-spacing: 0; }
.corps-sm { font-family: var(--font-texte); font-size: 14px; line-height: 22px; font-weight: 400; letter-spacing: 0; }
.bouton { font-family: var(--font-texte); font-size: 15px; line-height: 20px; font-weight: 600; letter-spacing: 0; }
.etiquette { font-family: var(--font-cote); font-size: 12px; line-height: 16px; font-weight: 500; letter-spacing: 0.04em; }
.cote { font-family: var(--font-cote); font-size: 11px; line-height: 14px; font-weight: 400; letter-spacing: 0.02em; }
@font-face { font-family: "Montserrat"; src: url("fonts/Montserrat-Variable.woff2") format("woff2"); font-weight: 400 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("fonts/SchibstedGrotesk-Variable.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
/* Ajout site v4 (2026-10-26) : vert du réemploi, hors charte. Texte sur --vert-reemploi-fond : contraste ≥ 4,5:1. */
:root { --vert-reemploi: #2f5e3d; --vert-reemploi-fond: #e3eadc; }
/* Ajout site v4 (2026-10-28) : bleu clair de l'encart simulation, hors charte, pendant du vert du réemploi. Contraste : --bleu-plan 7,4:1, --encre-douce 5,2:1. */
:root { --bleu-plan-clair: #e1e8f1; }
/* Ajout site v4 (2026-10-27) : rouge des erreurs du formulaire, hors charte. Contraste ≥ 5,9:1 sur --calque et --calque-releve. */
:root { --erreur: #a3341f; }