/* ==========================================================================
   Variables du site : couleurs, typographies, largeurs, animations.
   Toute couleur ou valeur répétée de la maquette est définie ici une seule fois.
   ========================================================================== */

:root {
	/* Couleurs : vert de marque */
	--c-green: #3bb04a;          /* vert principal (boutons, accents) */
	--c-green-light: #5fd06a;    /* vert clair (sur fond sombre, dégradés) */
	--c-green-hover: #2f9a3f;    /* vert au survol des boutons */
	--c-green-deep: #1f7a2b;     /* vert foncé (liens, titres de colonnes) */
	--c-green-link-hover: #26802f;

	/* Couleurs : gris */
	--c-ink: #2b3138;            /* titres, textes forts, boutons sombres */
	--c-text: #333b42;           /* texte courant */
	--c-muted: #5c666d;          /* texte secondaire */
	--c-muted-light: #9aa4ac;    /* surtitres discrets */
	--c-text-soft: #556069;      /* paragraphes des sections */
	--c-label: #7a8891;          /* libellés des chiffres clés */
	--c-green-pale: #8ee599;     /* surtitres sur photo ou fond sombre */
	--c-border: #c7cdc7;         /* contours clairs */
	--c-white: #fff;

	/* Couleurs : footer et cartes sombres */
	--c-footer-bg: #282e34;
	--c-footer-border: #3d454c;
	--c-footer-divider: #363d44;
	--c-card-dark-from: #3a434a;
	--c-card-dark-to: #465049;
	--c-card-dark-text: #c3cbd1;

	/* Dégradé vert des liserés (en-tête, footer) */
	--g-green-line: linear-gradient(90deg, var(--c-green), var(--c-green-light));

	/* Typographies */
	--f-title: 'Oswald', sans-serif;
	--f-text: 'Barlow', sans-serif;

	/* Largeur du contenu : 1800 px max, avec une marge latérale fluide (16 à 260 px) */
	--gutter: clamp(16px, calc(10vw - 16px), 260px);
	--container: min(1800px, calc(100vw - 2 * var(--gutter)));

	/* Hauteur de l'en-tête fixe (liseré 4 px + barre 82 px) */
	--header-height: 86px;

	/* Courbe d'animation signature (boutons, accordéon) */
	--ease-swing: cubic-bezier(.65, 0, .2, 1);
}

@media (max-width: 760px) {
	:root {
		--header-height: 72px;
	}
}