/**
 * Tokens de couleur — thème clair (par défaut) et sombre.
 *
 * IMPORTANT : ne dépend PAS d'un attribut/mécanisme maison. Le site a déjà
 * une extension fonctionnelle pour ça (aurelienazerty/darkmode) : un cookie
 * lu côté serveur pose la classe `darkmode` ou `lightmode` sur <html> avant
 * même l'envoi du HTML (donc zéro flash). On se branche dessus.
 *
 * Valeurs reprises du doc de la graphiste, SAUF deux corrections (probables
 * erreurs de copier-coller, incohérentes avec sa propre maquette visuelle
 * Couleur_sombre.jpg) :
 *  - Texte du thème sombre : doc = #010102 (illisible sur fond #0c0f13) →
 *    remplacé par #f2efec. À confirmer avec la graphiste.
 *  - "Blanc parfois utilisé" du thème sombre : doc = #000000, interprété
 *    comme l'équivalent sombre du blanc occasionnel clair (cohérent avec
 *    la logique d'inversion des deux thèmes), pas une coquille.
 *
 * Couleurs de groupe (pastilles de la légende) : le doc ne donne rien pour le thème clair
 * ("ne changent pas de l'ancienne version"), mais la maquette claire montre des pastilles
 * foncées à texte blanc, différentes de l'ancien site (#ad437d, #084476, #1a7226, #944ca2,
 * #a27d4c). Valeurs ci-dessous = moyenne des pixels de la maquette Ordi_index.jpg.
 * À valider avec la graphiste.
 * Thème sombre : PAS les pastels du doc de la graphiste (leur ordre faisait changer chaque groupe de teinte :
 * Clueless rose → turquoise…). Choix d'Amaury (03/11/2026) : couleurs de l'ACP éclaircies, même teinte
 * (HSL : luminosité 72 %, saturation ≤ 50 %). Doc d'origine : #7dcecc #ccaf93 #cca8c7 #99b794 #858e93.
 */

html.lightmode,
:root {
	--pia-bg: #f2efec;
	--pia-bg-stats: #e8e3df;
	--pia-bg-footer: #ebe7e3;
	--pia-text: #010102;
	--pia-accent: #77191f;
	--pia-accent-text: var(--pia-accent); /* rouge des TEXTES (titres de forum, pseudos) */
	--pia-header-name: #989693;
	--pia-bars: #9b9b9b;
	--pia-extreme: #ffffff;

	--pia-btn-bg: var(--pia-accent);
	--pia-btn-text: var(--pia-bg);
	--pia-btn-bg-hover: var(--pia-bg);
	--pia-btn-text-hover: var(--pia-accent);

	/* Groupes — pastilles de la légende, relevées sur la maquette claire */
	--pia-group-clueless: #7e2f33;
	--pia-group-dungeonners: #2d4a61;
	--pia-group-inbetween: #355838;
	--pia-group-circlers: #68486d;
	--pia-group-slaves: #7a706b;
	--pia-pill-text: #ffffff;
	--pia-icon-invert: 0; /* icônes noires du graphiste : inversées en thème sombre */
}

html.darkmode {
	--pia-bg: #0c0f13;
	--pia-bg-stats: #0e1115;
	--pia-bg-footer: #13181b;
	--pia-text: #f2efec; /* corrigé, voir note en tête de fichier */
	--pia-accent: #77191f;
	/* Fidèle à la maquette sombre, mais #77191f sur #0c0f13 = contraste ≈ 1,9:1 (illisible pour certains).
	   Pour éclaircir les textes rouges en sombre SANS toucher aux boutons/traits : mettre ici p. ex. #c4474f. */
	--pia-accent-text: var(--pia-accent);
	--pia-header-name: #989693;
	--pia-bars: #818284;
	--pia-extreme: #000000;

	--pia-btn-bg: var(--pia-accent);
	--pia-btn-text: var(--pia-text);
	--pia-btn-bg-hover: var(--pia-text);
	--pia-btn-text-hover: var(--pia-accent);

	--pia-group-clueless: #d798bb;
	--pia-group-dungeonners: #94bbdb;
	--pia-group-inbetween: #94db9e;
	--pia-group-circlers: #c99ed1;
	--pia-group-slaves: #d1bb9e;
	--pia-pill-text: #0c0f13;
	--pia-icon-invert: 1;
}

:root {
	--pia-font-heading: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--pia-font-body: 'Poppins', -apple-system, 'Segoe UI', Roboto, sans-serif;
	--pia-hero-text: #ffffff; /* texte posé sur la photo du hero : blanc dans les DEUX modes */
	--pia-on-accent: #ffffff; /* texte posé sur le rouge de la barre du haut (badges, pseudo survolé, Inscription) */
	--pia-topbar-h: 64px; /* hauteur de la ligne logo + icônes */
	--pia-hero-band-height: 460px;
	--pia-hero-band-height-mobile: min(132vw, 720px); /* images mobiles en 500x661 */
	--pia-bar-width: 2px;
	--pia-gutter: clamp(1rem, 2vw, 2.4rem);
	--pia-markread-h: 3.2rem;

	/* Registre des entreprises : une couleur par secteur (valeurs de l'ancien site, inchangées) */
	--pia-firm-com: #579ea1;
	--pia-firm-agr: #704b00;
	--pia-firm-wea: #032094;
	--pia-firm-aut: #2e112f;
	--pia-firm-art: #6d82d1;
	--pia-firm-bar: #8f0000;
	--pia-firm-adu: #fda1ff;
	--pia-firm-bus: #5dcfae;
	--pia-firm-inf: #5600b3;
	--pia-firm-med: #00b318;
	--pia-firm-san: #940361;
}