:root {
	--blue-light: /*#eff2f5*/ #f8f8f9;
	--blue-selected: #077885;
	--blue-dim: #033035;
	--selected-opacity: #d9f1f4;
	--blue-medium: #e9e9ec /*#dbebf1*/;
	--blue-dark: /*#98a7b5*/ #9ca1a7;
	--red-danger: #eb4d11 /*#ff4d00*/;
	--red-danger-bg: rgba(235, 77, 17, 0.06); /* danger — fond de bandeau (.ds-banner-danger) */
	--blue-selected-bg: rgba(7, 120, 133, 0.06); /* info — fond de bandeau (.ds-banner) */
	--green-success: #1a7f37; /* succès / validation (toasts, badges, écarts positifs) */
	--yellow-warning: #d4a017; /* avertissement — texte, icône, bordure (bandeaux « attention ») */
	--yellow-warning-bg: #fef9e7; /* avertissement — fond de bandeau */
	--blue-tradastra: #1e4563;
	/* Échelle d'espacement du desk (base 4, cadence 8 au-delà de 16) — LOT E (E1).
	   Remplace les valeurs isolées 5/6/7/10/14/15/25 px accumulées. */
	--ds-space-1: 4px;
	--ds-space-2: 8px;
	--ds-space-3: 12px;
	--ds-space-4: 16px;
	--ds-space-6: 24px;
	--ds-space-8: 32px;
	--ds-space-10: 40px;
	/* Plan de travail de l'éditeur/fiche document (LOT E — E2) : surface d'atelier sous la
	   feuille. 1,17:1 vs #fff (--blue-light 1,06:1 est imperceptible) ; se place entre
	   --blue-light #f8f8f9 et --blue-medium #e9e9ec, même famille légèrement froide. */
	--doc-workbench-bg: #ecedf0;
	--color-primary: rgba(23,39,40,1);
	--color-background: rgba(23,39,40,0.02);
	--color-primary-hover: rgba(23,39,40,0.7);
	--background-color: #e9e9ec; /* ⚠️ variable de THÈME des boutiques en ligne — ne PAS l'utiliser pour le desk (le fond desk est posé sur body, scopé .desk, via --page-bg) */
	--menu-background-color: #e9e9ec;
	--footer-background-color: #e9e9ec;
	--text-color: #e9e9ec;
	--text-font-family: Arial;
	--title-color: #e9e9ec;
	--title-font-family: Arial;
	--menu-text-color: #e9e9ec;
	--link-color: #e9e9ec;
	--bloc-color: #e9e9ec;
	--border-radius-medium: 15px;
	--border-radius-little: 5px
}