/*
 * Charte du portail — SOURCE UNIQUE des couleurs, typographies et espacements.
 * Le plugin Cintu Portail ne consomme que ces variables (var(--cpn-...)).
 *
 * Charte M6 (CDC V1.3, maquettes du 24/09/2026) : noir #111111, blanc, gris chauds
 * #F4F3EF et #5C5A55, Cormorant Garamond (titres) et Figtree (texte), étiquettes en
 * petites majuscules espacées, ni ombre ni arrondi. Les mêmes valeurs sont posées
 * dans le kit Elementor (`wp cintu-portail kit`) ; un portail local change sa charte
 * ici et dans le kit, sans code.
 */
:root {
	/* Couleurs */
	--cpn-couleur-primaire: #111111;
	--cpn-couleur-primaire-contraste: #ffffff;
	--cpn-couleur-accent: #111111;
	--cpn-couleur-texte: #111111;
	--cpn-couleur-texte-2: #3d3c39;
	--cpn-couleur-texte-doux: #5c5a55;
	--cpn-couleur-texte-clair: #e9e6df;
	--cpn-couleur-fond: #ffffff;
	--cpn-couleur-fond-doux: #f4f3ef;
	--cpn-couleur-fond-sombre: #111111;
	--cpn-couleur-emplacement: #d6d3cb;
	--cpn-couleur-emplacement-sombre: #3a3a36;
	--cpn-couleur-bordure: #e6e4df;
	--cpn-couleur-bordure-forte: #d9d6ce;
	--cpn-couleur-filet: #eeece7;
	--cpn-couleur-succes: #2e7d4f;
	--cpn-couleur-erreur: #b3261e;

	/* Typographies */
	--cpn-police-texte: "Figtree", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
	--cpn-police-titres: "Cormorant Garamond", Georgia, "Times New Roman", serif;
	--cpn-taille-base: 15px;
	--cpn-etiquette-taille: 11px;
	--cpn-etiquette-espacement: .1em;

	/* Espacements et formes */
	--cpn-espace: 1rem;
	--cpn-marge-page: 64px;
	--cpn-marge-section: 88px;
	--cpn-gouttiere: 16px;
	--cpn-rayon: 0;
	--cpn-largeur-max: 1440px;
	--cpn-ombre: none;
}
@media (max-width: 1024px) {
	:root { --cpn-marge-page: 32px; --cpn-marge-section: 64px; }
}
@media (max-width: 640px) {
	:root { --cpn-marge-page: 20px; --cpn-marge-section: 48px; }
}
