/* Jetons de design — cahier §2. Les codes de la charte (#3AAA35 / #F9B233) peuvent remplacer
   --vert-principal / --orange-accent si le client le confirme. */
:root {
	--vert-principal: #3E9B47;
	--vert-institution: #1F5C2E;
	--vert-nuit: #173F21;
	--vert-texte: #2E7D32; /* texte vert et fonds de boutons à texte blanc (AA) */
	--orange-accent: #F2A93B;
	--orange-accent-survol: #E39B2A;
	--orange-texte: #8A5410;
	--teinte-verte: #EEF7EF;
	--teinte-orange: #FEF5E7;
	--encre: #1E2A22;
	--encre-2: #5B6660;
	--filet: #E3E8E4;
	--bordure-champ: #8A968E; /* bordure des champs, ≥ 3:1 sur blanc */
	--erreur: #8A1C1C;
	--fond-gris: #F5F7F5;
	--blanc: #FFFFFF;

	--police-titre: 'Montserrat', system-ui, sans-serif;
	--police-texte: 'Source Sans 3', system-ui, sans-serif;
	--police-manuscrite: 'Allura', cursive;

	--fs-h1: clamp(30px, calc(1.7vw + 23.6px), 44px);
	--lh-h1: 1.2;
	--fs-h2: clamp(26px, calc(1vw + 22px), 34px);
	--lh-h2: 1.24;
	--fs-h3: clamp(20px, calc(0.5vw + 16px), 22px);
	--lh-h3: 1.36;
	--fs-texte: clamp(16px, calc(0.1vw + 15.5px), 17px);
	--lh-texte: 1.65;
	--fs-petit: 14px;
	--fs-surtitre: clamp(12px, calc(0.1vw + 11.5px), 13px);

	--conteneur: 1248px;
	--gouttiere: clamp(16px, 3vw, 24px);
	--section-y: clamp(56px, 7vw, 96px);
	--rayon: 6px;
	--rayon-petit: 4px;
	--ombre: 0 2px 12px rgba(0, 0, 0, 0.06);
	--hauteur-champ: 48px;
}