/**
 * Design tokens du theme Eziom Vitrine.
 *
 * Les valeurs de --eziom-primaire / --eziom-secondaire (et leurs derivees)
 * sont ecrasees dans le <head> par functions.php a partir de la page Options :
 * ce fichier ne contient donc que les valeurs de repli et les tokens qui ne
 * dependent pas du client (espacements, typographie, rayons).
 *
 * Ne jamais personnaliser un client en editant ce fichier.
 */

:root {
	/* Couleurs de marque : surchargees par la page Options. */
	--eziom-primaire: #2f5d50;
	--eziom-primaire-contraste: #ffffff;
	--eziom-primaire-sombre: #264c42;
	--eziom-primaire-clair: #eef3f1;
	--eziom-secondaire: #c9a227;
	--eziom-secondaire-contraste: #1f2421;

	/* Neutres. */
	--eziom-texte: #1f2421;
	--eziom-texte-doux: #4c554f;
	--eziom-surface: #fbfaf7;
	--eziom-surface-alt: #ffffff;
	--eziom-bordure: #d7d7d2;

	/* Rythme vertical et largeurs. */
	--eziom-espace-xs: 0.5rem;
	--eziom-espace-s: 1rem;
	--eziom-espace-m: 2rem;
	--eziom-espace-l: 3.5rem;
	--eziom-espace-xl: 5rem;
	--eziom-largeur: 68rem;
	--eziom-largeur-texte: 42rem;

	/* Formes. */
	--eziom-rayon: 6px;
	--eziom-rayon-l: 14px;
	--eziom-ombre: 0 1px 2px rgba( 31, 36, 33, 0.06 ), 0 8px 24px rgba( 31, 36, 33, 0.06 );

	/* Typographie. */
	--eziom-titre-xl: clamp( 2rem, 1.4rem + 2.6vw, 3.25rem );
	--eziom-titre-l: clamp( 1.6rem, 1.3rem + 1.4vw, 2.25rem );
	--eziom-titre-m: clamp( 1.25rem, 1.1rem + 0.7vw, 1.6rem );
}

/* Respect de la preference systeme : aucune animation superflue. */
@media ( prefers-reduced-motion: reduce ) {
	:root {
		--eziom-transition: none;
	}

	*,
	*::before,
	*::after {
		animation-duration: 0.01ms !important;
		animation-iteration-count: 1 !important;
		transition-duration: 0.01ms !important;
		scroll-behavior: auto !important;
	}
}
