/* Système de design Solingobou : jetons (couleurs, espacements, typographie), produits depuis tokens.json du système de design. */
:root, [data-theme="clair"] {
  --fond: #ffffff;
  --fond-doux: #f2f2ef;
  --fond-admin: #f6f6f3;
  --fond-image: #e6e6e1;
  --encre: #000000;
  --texte: #2a2c30;
  --texte-doux: #3d3f44;
  --texte-aide: #5b5d62;
  --texte-inverse: #ffffff;
  --texte-inverse-doux: #e6e6e2;
  --texte-inverse-aide: #c9cbd0;
  --rouge: #d7191f;
  --rouge-survol: #b5141a;
  --lien: #a8131a;
  --lien-survol: #7e0e13;
  --vert: #157a3e;
  --vert-fonce: #0f5c2e;
  --succes-fond: #e9f3ec;
  --succes-texte: var(--vert-fonce);
  --attente-fond: #fdf0e1;
  --attente-texte: #8a3f06;
  --attente-bordure: #b45309;
  --erreur-fond: #fcebec;
  --erreur-texte: #8f1016;
  --neutre-fond: #ededea;
  --neutre-texte: var(--texte-doux);
  --bordure: #e2e2dd;
  --bordure-carte: #d9d9d3;
  --bordure-forte: #c9c9c3;
  --bordure-champ: #8e8f8a;
  --bordure-a-fournir: #a9aaa4;
  --voile: #4a4c51;
  --focus: var(--rouge);
  --anneau-selection: 0 0 0 3px #d7191f;
  --contour-onglet: 0 0 0 1px #000000;
}
:root {
  --espace-1: 4px;
  --espace-2: 8px;
  --espace-3: 12px;
  --espace-4: 16px;
  --espace-5: 20px;
  --espace-6: 24px;
  --espace-7: 28px;
  --espace-8: 32px;
  --espace-10: 40px;
  --espace-12: 48px;
  --espace-14: 56px;
  --espace-16: 64px;
  --espace-18: 72px;
  --espace-24: 96px;
  --rayon-petit: 4px;
  --rayon: 6px;
  --rayon-carte: 8px;
  --rayon-dialogue: 10px;
  --rayon-pastille: 999px;
  --rayon-rond: 50%;
  --conteneur: 1280px;
  --cible-tactile: 44px;
  --hauteur-bouton: 52px;
  --hauteur-champ: 48px;
  --filet: 1px;
  --filet-fort: 2px;
  --anneau-focus: 3px;
  --font-sans: Montserrat, Arial, "Helvetica Neue", sans-serif;
}
.affiche { font-family: var(--font-sans); font-size: clamp(40px, 2.6vw + 30px, 78px); line-height: 1.02; font-weight: 800; letter-spacing: -0.025em; }
.titre-1 { font-family: var(--font-sans); font-size: clamp(32px, 1.9vw + 22px, 54px); line-height: 1.06; font-weight: 800; letter-spacing: -0.02em; }
.titre-2 { font-family: var(--font-sans); font-size: clamp(28px, 1.3vw + 21px, 42px); line-height: 1.1; font-weight: 800; letter-spacing: -0.018em; }
.titre-3 { font-family: var(--font-sans); font-size: clamp(24px, 0.8vw + 19px, 32px); line-height: 1.14; font-weight: 800; letter-spacing: -0.015em; }
.titre-4 { font-family: var(--font-sans); font-size: clamp(20px, 0.45vw + 17px, 24px); line-height: 1.22; font-weight: 700; letter-spacing: -0.01em; }
.marque { font-family: var(--font-sans); font-size: 20px; line-height: 1.1; font-weight: 800; letter-spacing: -0.01em; }
.chapeau { font-family: var(--font-sans); font-size: clamp(17px, 0.3vw + 15.5px, 19px); line-height: 1.65; font-weight: 400; }
.corps { font-family: var(--font-sans); font-size: 16.5px; line-height: 1.72; font-weight: 400; }
.corps-moyen { font-family: var(--font-sans); font-size: 16px; line-height: 1.6; font-weight: 400; }
.corps-petit { font-family: var(--font-sans); font-size: 15px; line-height: 1.55; font-weight: 400; }
.intertitre { font-family: var(--font-sans); font-size: 18px; line-height: 1.35; font-weight: 700; }
.libelle { font-family: var(--font-sans); font-size: 15px; line-height: 1.4; font-weight: 600; }
.legende { font-family: var(--font-sans); font-size: 14px; line-height: 1.5; font-weight: 400; }
.note { font-family: var(--font-sans); font-size: 13px; line-height: 1.5; font-weight: 400; }
.mention { font-family: var(--font-sans); font-size: 12px; line-height: 1.5; font-weight: 600; }