/*
 * layout-system.css - systeme de disposition unique (espacement, arrondi,
 * ombre, couleurs de charte) - EcologicLife staging, 27/08/2026.
 * Fichier dedie plutot qu'en tete de motion-polish.css : ce systeme est
 * consomme par TOUTES les pages (accueil, boutique, produit, panier, compte,
 * menu mobile), pas seulement les animations - suit le meme principe de
 * separation par concern que le reste du theme (catalog-style.css =
 * boutique, header-tweaks.css = header, etc.).
 *
 * REGLE : ce fichier ne redefinit AUCUNE couleur/rayon deja valide et teste
 * ailleurs (le rayon pilule des boutons --ecologiclife-btn-radius de
 * buttons-pill.css, 15px/999px, reste INCHANGE - historique R-43/R-44/R-45
 * documente, hors perimetre de cette tache). Les nouvelles variables ci-
 * dessous couvrent uniquement ce qui n'avait PAS de systeme : cartes,
 * images, espacement de mise en page, ombres.
 *
 * Couleurs : strictement tirees de la charte graphique (aucune valeur hex
 * inventee dans les fichiers ecrits a partir de ce systeme). Les teintes
 * "profondes"/"hover" (#1b555f, #e8935f, #8a6b9c) etaient deja en usage
 * valide dans catalog-style.css avant cette session - reprises ici comme
 * variables pour eviter de les re-ecrire en dur.
 */

:root {

	/* --- Espacement (echelle unique, 8/16/24/32/48/64) --- */
	--ecl-space-1: 8px;
	--ecl-space-2: 16px;
	--ecl-space-3: 24px;
	--ecl-space-4: 32px;
	--ecl-space-5: 48px;
	--ecl-space-6: 64px;

	/* --- Arrondi (cartes/images - PAS les boutons, voir --ecologiclife-btn-radius) --- */
	--ecl-radius-sm: 12px;  /* petits elements : champs, mini-badges, filtres, miniatures */
	--ecl-radius-lg: 22px;  /* cartes, images de contenu, blocs */

	/* --- Ombre (teintee #3d4650, jamais de noir pur) --- */
	--ecl-shadow-rest: 0 2px 10px rgba(61, 70, 80, .08);
	--ecl-shadow-hover: 0 20px 36px -16px rgba(61, 70, 80, .22);

	/* --- Timing (03/09/2026, correctif P1 issu de la revue design) : nomme
	   les 2 courbes deja dominantes dans le code existant plutot que d'en
	   inventer de nouvelles - ease-in-out deja utilisee 6x (boutons/liens),
	   ease-out deja utilisee pour les levees de carte au survol. Duree unique
	   .3s deja la valeur la plus repandue sitewide. */
	--ecl-t-fast: .2s;
	--ecl-t-base: .3s;
	--ecl-ease-standard: ease-in-out;
	--ecl-ease-out: cubic-bezier(.2, .8, .2, 1);

	/* --- Couleurs de charte (reference centralisee) --- */
	--ecl-c-sage: #90c685;
	--ecl-c-menthe: #8ccaae;
	--ecl-c-teal-brut: #33889c;
	--ecl-c-teal-a11y: #2e7c8f;
	--ecl-c-teal-deep: #1b555f;
	--ecl-c-dark: #3d4650;
	--ecl-c-corail: #f9bf98;
	--ecl-c-corail-deep: #e8935f;
	--ecl-c-mauve: #c5abd3;
	--ecl-c-mauve-deep: #8a6b9c;
}