/**
 * Surcharge de palette pour le catalogue sur le site Ebrioo Digit —
 * charte Cobalt & Magenta (voir projet/Charte_Visuelle_Ebrioo_Digit.docx).
 *
 * Ne redéfinit QUE les variables CSS de .eb2-scope + les quelques règles de
 * contraste nécessaires sur la bande .eb2-band--tinted (voir plus bas) :
 * tous les autres composants du catalogue (cartes, onglets, fiche...) lisent
 * déjà leurs couleurs via var(--eb2-*), donc cette seule surcharge suffit à
 * re-thémer l'ensemble sans dupliquer la moindre règle de mise en page.
 * Chargée uniquement sur le site scopé « ebrioo-digit », après
 * formations.css (cascade : ces valeurs gagnent).
 *
 * Validé le 2026-07-10 (test visuel v2c) : fond constellé sur la bande
 * .eb2-band--tinted qui contient la liste de cartes formation (voir le
 * sélecteur :has(.eb2-formation-cards) plus bas — la bande .eb2-band--tinted
 * est réutilisée par plusieurs pages : grille des familles, grille des
 * domaines, fiche formation, en plus de la liste ; seule cette dernière a
 * été validée visuellement, les autres gardent le fond clair --eb2-paper
 * pour ne pas rendre illisibles des composants jamais pensés pour un fond
 * sombre, ex. les textes de la fiche), en écho au hero de la page d'accueil
 * Digit (voir ebrioo-digit-theme/assets/css/ebrioo-digit-home.css .dh-hero
 * et formations-digit.js pour l'animation associée). Ne s'applique qu'au
 * site Digit — le site Ebrioo principal n'a pas cette option activée.
 */
.eb2-scope {
	--eb2-paper: #eef2fb;         /* Bleu Poudré — fond de page général */
	--eb2-ink: #323532;           /* Gris Foncé — texte (identique charte Ebrioo) */
	--eb2-ink-muted: #829696;     /* Gris Vert — texte secondaire */
	--eb2-rule: #c3c8cc;          /* Gris Clair — bordures / séparateurs */
	--eb2-accent: #e5239c;        /* Rose Magenta — signature Ebrioo, conservée pour les CTA */
	--eb2-accent-deep: #1e3d8f;   /* Bleu Cobalt — couleur principale Digit (aligné sur le bleu réel du logo, cf. memory/ebrioo-digit-projet.md) */
	--eb2-accent-deep-dark: #11224f; /* Cobalt assombri — départ du dégradé signature */
	--eb2-accent-prune: #e5239c;  /* Dégradé signature Digit : Cobalt → Magenta */
	--eb2-accent-quiet: #0070e0;  /* Bleu Digital — accent secondaire (liens, séparateurs) */

	/* Fonds de carte d'index (cobalt/magenta pâles) et de pastilles
	   modalité/type — remplacent les tons violet/rose et teal/violet
	   génériques d'Ebrioo, alignés sur la charte Digit. */
	--eb2-card-a: #e9eefc;
	--eb2-card-b: #fce9f5;
	--eb2-pill-modalite-bg: rgba(0, 112, 224, 0.14);
	--eb2-pill-modalite-ink: #0057ad;
	--eb2-pill-type-bg: rgba(30, 61, 143, 0.12);
}

/* Fond constellé (dégradé radial + animation de points, voir
   formations-digit.js) uniquement sur la bande qui affiche la liste de
   cartes formation (:has(.eb2-formation-cards) l'isole des autres bandes
   "tinted" — grille des familles, grille des domaines, fiche — qui gardent
   le fond clair --eb2-paper). Remplace l'aplat --eb2-paper sur cette bande. */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) {
	position: relative;
	overflow: hidden;
	background: radial-gradient(120% 140% at 14% 0%, #26418f 0%, #11224f 46%, #0a1230 100%);
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-band__canvas {
	position: absolute;
	inset: 0;
	opacity: 0.55;
	pointer-events: none;
}

/* Contraste : les textes/composants pensés pour un fond clair passent en
   clair sur ce fond sombre. Les cartes de formation restent inchangées
   (déjà claires, elles flottent sur le fond comme des surfaces). */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-section-title {
	color: #ffffff;
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-message--empty {
	color: rgba(255, 255, 255, 0.75);
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-chip {
	border-color: rgba(255, 255, 255, 0.35);
	color: #ffffff;
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-chip--active {
	background: var(--eb2-accent-deep);
	border-color: var(--eb2-accent-deep);
	color: #ffffff;
}

.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-chip--active:hover {
	background: var(--eb2-accent);
	border-color: var(--eb2-accent);
}

/* CTA « Envie d'échanger... » : panneau vitré plutôt qu'un aplat sombre,
   pour rester lisible comme un bloc distinct sur ce fond déjà sombre. */
.eb2-scope .eb2-band--tinted:has(.eb2-formation-cards) .eb2-cta-inline {
	background: rgba(255, 255, 255, 0.07);
	border: 1px solid rgba(255, 255, 255, 0.16);
}