/* =====================================================================
   Chronostyle — charte, d'après les maquettes Claude Design validées le 09/10/2026
   (design/handoff-2026-10-09/, mesures prises sur la page rendue en 1440 px).
   Seul fichier où des couleurs, des tailles et des ombres sont écrites en dur :
   tout le reste du thème et le kit de sections lisent ces variables.
   ===================================================================== */
:root:root{
	/* ---- Couleurs ---- */
	--encre:#141414;              /* texte, titres, fonds sombres (héros, cartes, pied) */
	--texte:#4a4a4a;              /* paragraphes longs */
	--discret:#6b6b6b;            /* surtitres, époques, légendes */
	--discret-clair:#9a9a97;      /* champs vides, mentions */
	--bord:#e4e4e2;               /* filets, bordures */
	--bord-fort:#c9c9c6;
	--bord-doux:#d4d4d1;          /* texte du pied de page sur fond sombre */
	--surface:#f3f3f1;            /* encarts, sections alternées */
	--blanc:#ffffff;
	--fond-page:#ffffff;                  /* fond des pages : blanc (le blanc cassé essayé le 12/10/2026 a été écarté le 14/10) */
	--accent:oklch(0.45 0.09 195);        /* survol des liens */
	--accent-fonce:oklch(0.3 0.07 195);   /* bloc « Alertes nouveautés » */
	--accent-clair:oklch(0.82 0.08 195);  /* surtitre sur fond accent */
	--voile:linear-gradient(0deg,rgba(20,14,10,.6),rgba(20,14,10,0) 55%);       /* bas des photos et vidéos */
	--voile-fort:linear-gradient(0deg,rgba(10,10,10,.75),rgba(10,10,10,0) 55%);

	/* ---- Polices ---- */
	--police-titre:'Gilda Display',Georgia,'Times New Roman',serif;
	--police-texte:'Raleway',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;

	/* ---- Échelle typographique (bureau 1440 px de la maquette → mobile, sans point de rupture) ---- */
	--t-h1:clamp(40px,5.3vw,76px);        /* héros */
	--t-h2:clamp(34px,3.75vw,54px);       /* grands titres de section */
	--t-h2-b:clamp(32px,3.35vw,48px);     /* titres de rubrique (Nouveautés, FAQ…) */
	--t-h2-c:clamp(30px,3.05vw,44px);     /* titres de tuile */
	--t-h3:clamp(23px,2.1vw,30px);
	--t-carte:clamp(20px,1.7vw,24px);     /* nom d'une montre dans une carte */
	--t-courant:16px;
	--t-chapo:17px;
	--t-petit:14px;
	--t-mini:13px;
	--t-surtitre:12px;
	--t-etiquette:11px;
	--ls-titre:-.025em;
	--ls-surtitre:.17em;
	--ls-bouton:.16em;

	/* ---- Gabarit ---- */
	--largeur:1312px;                     /* contenu */
	--largeur-cadre:1376px;               /* héros et tuiles pleine largeur */
	--gouttiere:clamp(20px,4.45vw,64px);  /* marge latérale du contenu (64 px en bureau) */
	--gouttiere-cadre:clamp(12px,2.2vw,32px);
	--rythme:clamp(56px,6.7vw,96px);      /* haut d'une section */
	--rythme-bas:clamp(28px,2.8vw,40px);
	--ecart-grille:clamp(16px,1.95vw,28px);
	--rayon:6px;                          /* seuls le héros et les grandes photos sont arrondis */

	/* ---- Kit de sections génériques (extension CS Sections) ----
	   Le kit ne lit que ces variables : il prend la charte sans être modifié. */
	--kit-accent:var(--encre);
	--kit-accent-fonce:#000;
	--kit-accent-clair:var(--surface);
	--kit-encre:var(--encre);
	--kit-texte:var(--texte);
	--kit-discret:var(--discret);
	--kit-fond:var(--blanc);
	--kit-fond-alt:var(--surface);
	--kit-carte:var(--blanc);
	--kit-bord:var(--bord);
	--kit-rayon:0px;
	--kit-rayon-grand:var(--rayon);
	--kit-rayon-bouton:0px;
	--kit-ombre:none;
	--kit-largeur:var(--largeur);
	--kit-lecture:66ch;
	--cs-police-texte:var(--police-texte);
}