/* =========================================================
   Variables CSS — La Raquette Ardoisière
   Palette et typographie. Ne pas ajouter de couleurs hors de
   cette liste (cf. CLAUDE.md §4).
   ========================================================= */

:root {
	/* --- Palette --- */
	--ra-rouge:       #C82624;
	--ra-rouge-hover: #8F1B1A; /* hover / texte d'accent uniquement — jamais couleur de catégorie */
	--ra-vert:        #1E7A3D; /* feedback succès uniquement */
	--ra-jaune:       #FCEB17;
	--ra-noir:        #1A1A1A;
	--ra-blanc:       #FFFFFF;
	--ra-ardoise:     #2B2E30;
	--ra-gris-pierre: #8A8D8C;
	--ra-creme:       #F7F5F0;

	/* --- Blanc semi-opaque (texte sur fonds sombres) --- */
	--ra-blanc-75: rgba(255, 255, 255, 0.75); /* footer, coordonnées contact */
	--ra-blanc-85: rgba(255, 255, 255, 0.85); /* texte secondaire hero, liste coordonnées */

	/* --- Bordures (gris-pierre semi-opaque) --- */
	--ra-border:        rgba(138, 141, 140, 0.3);  /* bordure standard : cartes, composants */
	--ra-border-subtle: rgba(138, 141, 140, 0.2);  /* bordure légère : lignes tableau, séparateurs */
	--ra-border-bg:     rgba(138, 141, 140, 0.05); /* fond zébré : lignes paires tableau */

	/* --- Header --- */
	--ra-header-h: 80px;    /* logo 72 px + padding 4 px × 2 */
	--ra-admin-bar-h: 0px;  /* surchargé sur body.admin-bar quand la barre WP est visible */

	/* --- Typographie --- */
	--ra-font-titres:  'Archivo Black', sans-serif;
	--ra-font-corps:   'Nunito Sans', sans-serif;
	--ra-font-chiffres:'IBM Plex Mono', monospace;
}