/* =========================================================
   COULEURS — SITE A (Parent)
   Système : BRAND → UI → ALIAS (compat historique)
   IMPORTANT :
   - Les variables --turquoise-* sont des ALIAS historiques.
   - Elles représentent la couleur primaire du site (pas “turquoise” au sens littéral).
   - Pour changer un thème (site enfant), ne modifier que le bloc BRAND.

--turquoise-vif
→ --ui-primary
→ --brand-primary
→ HEX du site


========================================================= */

:root{
  /* -----------------------
     1) BRAND
  ------------------------ */
	/* GMR */
	
	--brand-primary:        #5DD3C4;
	--brand-primary-soft:   #AFD7D4;
	--brand-primary-strong: #439991;

	--brand-muted:          #B2BDB9;

	--brand-dark:           #1B393B;
	--brand-text:           #1B393B;

	--brand-accent:         #FF5E00;

	--brand-bg:             #F5F5F3;
	--brand-surface:        #ffffff;
	
	
	
	/* CMB */
	/*
	--brand-primary:        #4F8440;
	--brand-primary-soft:   #7CCE64;
	--brand-primary-strong: #1C6349;

	--brand-muted:          #B2BDB9;

	--brand-dark:           #1B232A;
	--brand-text:           #1B232A;

	--brand-bg:             #F5F5F3;
	--brand-surface:        #ffffff;*/
	
	
	/* BGCV */
	/*
	--brand-primary:        #018EFA;
	--brand-primary-soft:   #4DB3FE;
	--brand-primary-strong: #104589;

	--brand-muted:          #B2BDB9;

	--brand-dark:           #1B232A;
	--brand-text:           #1B232A;

	--brand-bg:             #F5F5F3;
	--brand-surface:        #ffffff;
	*/
}

:root{
  /* -----------------------
     2) UI TOKENS (identiques partout)
     Ne pas modifier par site.
  ------------------------ */
  --ui-primary:        var(--brand-primary);
  --ui-primary-soft:   var(--brand-primary-soft);
  --ui-primary-strong: var(--brand-primary-strong);

  --ui-muted:          var(--brand-muted);

  --ui-dark:           var(--brand-dark);

  --ui-text:           var(--brand-text);
  --ui-text-invert:    #ffffff;

  /* Accent : fallback sur primary si le site n’a pas d’accent */
  --ui-accent:         var(--brand-accent, var(--ui-primary));

  --ui-bg:             var(--brand-bg);
  --ui-surface:        var(--brand-surface);
}

:root{
  /* -----------------------
     3) ALIAS (compat avec ton CSS actuel)
     Tes fichiers CSS continuent d’utiliser ces noms.
  ------------------------ */
  --turquoise-vif:   var(--ui-primary);
  --turquoise-clair: var(--ui-primary-soft);
  --turquoise-fonce: var(--ui-primary-strong);

  --gris-vert:       var(--ui-muted);

  /* IMPORTANT : "vert-fonce" = fond sombre dans ton design */
  --vert-fonce:      var(--ui-dark);

  --accent-orange:   var(--ui-accent);

  --gris-clair:      var(--ui-bg);
  --blanc:           var(--ui-text-invert);
}