/**
 * Tokens — échelle typographique, rythme vertical, mesure de lecture.
 *
 * SOURCE DE VÉRITÉ PARTAGÉE : ces valeurs sont les mêmes que celles écrites
 * dans le Theme Style du Kit Elementor 5208 par
 * scripts/migrations/001-typographie-kit-elementor.sh. Les deux couches
 * doivent bouger ensemble — modifier l'une sans l'autre les désynchronise.
 *
 * Échelle : mobile 390 px → desktop 1440 px, interpolation fluide.
 *   h1 36→56   h2 28→40   h3 22→30   h4 20→24   h5 18→20   corps 17
 * Interlignes par rôle, jamais une valeur unique :
 *   display 1.15 · h2 1.25 · h3 1.3 · h4 1.35 · accroche 1.45 · corps 1.6
 *   · interface 1.2
 * Un titre de 56 px à 1.08 donnait des lignes jointives dès qu'il passait
 * sur deux lignes : les interlignes de titre ont été relevés le 2026-09-15.
 * Rythme vertical : base 8 px, toutes les hauteurs en sont des multiples.
 */

:root {
	/* --- échelle typographique (fluide 390 → 1440) --- */
	--t-h1: clamp(2.25rem, 1.786rem + 1.905vw, 3.5rem);
	--t-h2: clamp(1.75rem, 1.471rem + 1.143vw, 2.5rem);
	--t-h3: clamp(1.375rem, 1.189rem + 0.762vw, 1.875rem);
	--t-h4: clamp(1.25rem, 1.157rem + 0.381vw, 1.5rem);
	--t-h5: clamp(1.125rem, 1.079rem + 0.19vw, 1.25rem);
	--t-corps: 1.0625rem;   /* 17 px */
	--t-petit: 0.9375rem;   /* 15 px */
	--t-menu: 0.8125rem;    /* 13 px — étiquettes, sur-titres */

	/* --- interlignes par rôle --- */
	--lh-display: 1.15;
	--lh-h2: 1.25;
	--lh-h3: 1.3;
	--lh-h4: 1.35;
	--lh-lead: 1.45;
	--lh-corps: 1.6;
	--lh-ui: 1.2;

	/* --- rythme vertical, base 8 px --- */
	--e-1: 0.5rem;
	--e-2: 1rem;
	--e-3: 1.5rem;
	--e-4: 2rem;
	--e-5: 2.5rem;
	--e-6: 3rem;
	--e-8: 4rem;
	--e-10: 5rem;
	--e-12: 6rem;
	--e-section: clamp(3rem, 6vw, 6rem);
	--e-bloc: clamp(1.5rem, 3vw, 2.5rem);

	/* --- mesure de lecture --- */
	--mesure: 68ch;
	--mesure-etroite: 54ch;

	/* --- palette : rose du logo (décision du 2026-09-17) ---
	   Changer de palette se fait ICI et nulle part ailleurs : aucune couleur
	   n'est écrite en dur dans les feuilles de composants. Tous les couples
	   ont été vérifiés AA (rapport minimum 5,87:1 sur l'accent). */
	--fond: #FFFFFF;
	--surface: #FAF6F7;        /* neutre tiré vers le rose */
	--sombre: #14181F;
	--encre: #14181F;          /* 17,8:1 sur blanc */
	--encre-douce: #55606D;    /*  6,4:1 sur blanc */
	--encre-claire: #F2F5F8;   /* 16,3:1 sur --sombre */
	--bordure: #DCE3E9;
	--accent: #C2185B;         /*  5,87:1 sur blanc */
	--accent-texte: #FFFFFF;   /*  5,87:1 sur --accent */
	--accent-clair: #FF8FB3;   /*  8,33:1 sur --sombre */
	--lien: #C2185B;
	--focus: #C2185B;

	/* --- géométrie --- */
	--large: 1200px;
	--rayon: 10px;
	--rayon-s: 6px;
}

/* ========================================================================
   Fond de page
   ======================================================================== */

/* Astra peint un dégradé gris uni (#D6D6D6) PAR-DESSUS la couleur de fond du
   `body` : `background-color` seul ne suffit donc pas à le remplacer, il faut
   retirer l'image. Ce gris ne se voyait pas sur l'accueil, dont les sections
   peignent chacune leur fond — il apparaissait en revanche sur la boutique et
   partout où le contenu ne couvre pas toute la largeur.

   Les classes de gabarit sont listées explicitement : sur les pages en
   disposition « boxed » (`ast-separate-container`), Astra répète la règle sur
   cette classe, en (0,1,0), qui bat un simple `body`. Le site affichait alors
   deux fonds différents selon la page — blanc de bord à bord sur l'accueil et
   la boutique, encadré blanc sur gris ailleurs.

   Le fond de page appartient à la palette : il vient d'ici, et il est le même
   partout. */
body,
body.ast-separate-container,
body.ast-plain-container,
body.ast-page-builder-template,
body.ast-narrow-container {
	background-color: var(--fond);
	background-image: none;
}