/* =====================================================================
   MARQUE 2026 — Camping de France
   Tokens uniques de la charte : blanc, jaune #FADB45, vert #089A08.
   Charge en DERNIER dans header.php : surcharge les variables
   historiques de pages/composant.css et css/interface.css.
   ===================================================================== */

:root
{
	/* --- Couleurs de la marque --- */
	--cdf-blanc:      #FFFFFF;
	--cdf-jaune:      #FADB45;
	--cdf-vert:       #089A08;
	--cdf-vert-nuit:  #0A4D0A;
	--cdf-encre:      #1F2A1F;
	--cdf-nuance:     #F3FAF0;

	/* Variantes dérivées (états, bordures, fonds) */
	--cdf-vert-pale:    #E2F4E2;
	--cdf-jaune-pale:   #FDF6D8;
	--cdf-vert-clair:   #3DB83D;
	--cdf-bordure:      #E3EBE0;
	--cdf-nuance-sombre:#E9F4E4;

	/* --- Ponts vers les variables historiques --- */
	--color-green:      var(--cdf-vert);
	--primary-green:    var(--cdf-vert);
	--secondary-green:  var(--cdf-vert);
	--dark-green:       var(--cdf-vert-nuit);
	--light-green:      var(--cdf-nuance);
	--accent-yellow:    var(--cdf-jaune);
	--color-jaune:      var(--cdf-jaune);
	--color-orange:     var(--cdf-vert);
	--color-orange-fonce: var(--cdf-vert);
	--color-red:        var(--cdf-vert);
	--color-titre:      var(--cdf-encre);
	--color-grey:       var(--cdf-encre);
	--text-dark:        var(--cdf-encre);

	/* --- Typographie --- */
	--font-titre-cdf: 'Encode Sans', 'Open Sans', Lato, sans-serif;
	--font-corps-cdf: 'Lato', sans-serif;

	/* --- Formes --- */
	--cdf-rayon-carte:   14px;
	--cdf-rayon-pilule:  999px;
	--cdf-ombre:         0 2px 12px rgba(10, 77, 10, .10);
	--cdf-ombre-hover:   0 6px 20px rgba(10, 77, 10, .16);
	--cdf-filet-jaune:   4px solid var(--cdf-jaune);
}

/* --- Correction Lato : pas de 300 sur les textes courants --- */
body
{
	color: var(--cdf-encre);
}

body p,
body li,
.font-weight-normal
{
	font-weight: 400 !important;
}

/* --- Fond de page blanc franc --- */
body,
.pageCamping
{
	background-color: var(--cdf-blanc);
}

.bg-body-tertiary
{
	background-color: var(--cdf-blanc) !important;
}

/* --- Focus visible pour le clavier --- */
a:focus-visible,
button:focus-visible,
select:focus-visible,
input:focus-visible,
textarea:focus-visible,
[tabindex]:focus-visible
{
	outline: 3px solid var(--cdf-vert);
	outline-offset: 2px;
	border-radius: 2px;
}

/* --- Mouvement réduit --- */
@media (prefers-reduced-motion: reduce)
{
	*,
	*::before,
	*::after
	{
		animation-duration: .01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: .01ms !important;
		scroll-behavior: auto !important;
	}
}

/* --- Boutons génériques recolorés via variables --- */
button.btngeneral_rouge,
a.btngeneral_rouge,
button.btngeneral_orange,
a.btngeneral_orange
{
	background-color: var(--cdf-vert);
	color: #fff;
}

button.btngeneral_rouge:hover,
a.btngeneral_rouge:hover,
button.btngeneral_orange:hover,
a.btngeneral_orange:hover
{
	color: var(--cdf-jaune);
	background-color: var(--cdf-vert-nuit);
	transform: none;
}

button.btngeneral_vert,
a.btngeneral_vert,
button.btngeneral_bleu,
a.btngeneral_bleu
{
	background-color: var(--cdf-vert);
	color: #fff;
}

button.btngeneral_vert:hover,
a.btngeneral_vert:hover,
button.btngeneral_bleu:hover,
a.btngeneral_bleu:hover
{
	color: var(--cdf-jaune);
	background-color: var(--cdf-vert-nuit);
	transform: none;
}

.btn-primary
{
	background-color: var(--cdf-vert);
	border-color: var(--cdf-vert);
}

.btn-primary:hover,
.btn-primary:focus
{
	background-color: var(--cdf-vert-nuit);
	border-color: var(--cdf-vert-nuit);
}

.btn-warning
{
	background-color: var(--cdf-jaune);
	border-color: var(--cdf-jaune);
	color: var(--cdf-vert-nuit);
	font-weight: 700;
}

.btn-warning:hover,
.btn-warning:focus
{
	background-color: var(--cdf-jaune-pale);
	border-color: var(--cdf-jaune);
	color: var(--cdf-vert-nuit);
}

.btn-outline-secondary,
.btn-outline-primary,
.btn-secondary
{
	--bs-btn-border-color: var(--cdf-vert);
	--bs-btn-color: var(--cdf-vert-nuit);
	--bs-btn-hover-bg: var(--cdf-vert);
	--bs-btn-hover-border-color: var(--cdf-vert);
	--bs-btn-hover-color: #fff;
	--bs-btn-active-bg: var(--cdf-vert);
	--bs-btn-active-border-color: var(--cdf-vert);
}

/* --- Liens --- */
a
{
	color: var(--cdf-vert-nuit);
}

a:hover
{
	color: var(--cdf-vert);
}

/* --- Sélecteur de tri et champs de formulaires --- */
.form-control,
.form-select
{
	border-color: var(--cdf-bordure);
	border-radius: 10px;
}

.form-control:focus,
.form-select:focus
{
	border-color: var(--cdf-vert);
	box-shadow: 0 0 0 .2rem rgba(8, 154, 8, .18);
}