/**
 * Charte fascenique — valeurs seules + entrée de cascade.
 *
 * Le thème parent n'est PAS modifié : son CSS est importé ici dans la couche
 * « socle ». Ainsi une éventuelle mise à jour de McKinley n'efface pas le
 * mécanisme de couches.
 *
 * Ordre (du plus faible au plus fort) :
 * tokens < framework < socle < surcharges < composants
 */

@layer tokens, socle, surcharges, composants;

/* Direction artistique — commenter la ligne suivante pour revenir à la charte précédente. */
@import url("./da-tokens.css");

/* Bootstrap retiré — menu, carrousel et fil d'Ariane sont natifs. */
@import url("../../mckinley/style.css") layer(socle);
@import url("../../mckinley/css/flexslider.css") layer(socle);
@import url("../../mckinley/fonts/genericons.css") layer(socle);

@layer tokens {
	:root {
		/* ——— Couleurs de marque ——— */
		--fas-accent: #2aa6e8;
		--fas-accent-clair: #6cb9e2;
		--fas-lien: #5050ff;
		--fas-lien-visite: rgb(119, 145, 223);
		--fas-lien-exo: rgb(35, 132, 223);
		--fas-or: rgb(255, 196, 0);

		/* ——— Neutres ——— */
		--fas-noir: #141414;
		--fas-blanc: #ffffff;
		--fas-fond: #f1f5f9;
		--fas-gris-200: #dddddd;
		--fas-gris-300: #e2e8f0;
		--fas-gris-700: #7e7e7e;
		--fas-gris-800: #272727;
		--fas-desactive: rgba(150, 150, 150, 1);
		--fas-survol-gris: rgba(200, 200, 200, 1);

		/* ——— Sémantique ——— */
		--fas-alerte: #cf3030;
		--fas-vert: green;
		--fas-vert-fonce: darkgreen;
		--fas-gris-texte: gray;
		--fas-orangeclair: #f7be6e;
		--fas-ombre: 0 4px 10px rgb(0 0 0 / 14%);

		/*
		 * Alias de transition — mêmes noms qu'avant.
		 * Les gabarits / PHP qui utilisent encore --maincolor-* continuent de marcher.
		 */
		--white-bg-color: var(--fas-fond);
		--white2-bg-color: var(--fas-gris-200);
		--maincolor-bg-color: var(--fas-accent);
		--maincolorlight-bg-color: var(--fas-accent-clair);
		--black-bg-color: var(--fas-noir);
		--orange-bg-color: var(--fas-accent);
		--orangeclair-bg-color: var(--fas-orangeclair);
		--red-bg-color: var(--fas-alerte);

		/* Conservées pour ne rien casser ; jamais utilisées via var() aujourd'hui */
		--evadesorange-bg-color: #6600ff;
		--evadesorange2-bg-color: #ffc197;
		--evadesbleu-bg-color: #5e9dbe;
		--evadesbleu2-bg-color: #64c3ec;
		--evadesbleu3-bg-color: #93d4f1;
	}
}