/* ---------------------------------------------------------------------------------------------
 * Charte BestRecrue — retour UX du 06/11/2026, point D2, décisions de Najet du 06/11.
 * Liste validée : document projet « retour-ux-d2-charte.md » ; source Figma « BestRecrue »,
 * page Design System (sections Colors et Modules Logo).
 *
 * Chargée en DERNIER par les gabarits (templateGeneral.xhtml, template.xhtml), après les feuilles
 * de chaque page. Elle ne réécrit aucune règle existante : elle pose des variables, redirige les
 * anciennes polices vers Satoshi et recolore les boutons. Retirer la ligne <link> du gabarit
 * suffit pour revenir à avant.
 *
 * Aucune couleur inventée : toutes viennent de la charte Figma, sauf les trois bleus des boutons
 * (#3F6AF6, #EFF2FE, #3558E0), choisis par Najet le 06/11 et à reporter dans la charte.
 * ------------------------------------------------------------------------------------------- */

:root {
	/* Charte — principales */
	--charte-bleu-nuit: #042E5B;
	--charte-bleu-clair: #9EBEEB;

	/* Charte — texte et fonds */
	--charte-texte: #042E5B;
	--charte-texte-moyen: #4D678A;
	--charte-texte-doux: #7587B4;
	--charte-gris-bleu: #A0B2CB;
	--charte-lavande: #B3C0E1;
	--charte-fond: #F5F9FF;
	--charte-blanc: #FFFFFF;

	/* Boutons (décision du 06/11) : #3F6AF6 + blanc = 4,56 ; #3558E0 sur #EFF2FE = 5,2. */
	--charte-bouton: #3F6AF6;
	--charte-bouton-survol: #3558E0;
	--charte-bouton-doux-fond: #EFF2FE;
	--charte-bouton-doux-texte: #3558E0;

	/* Couleur de chaque module (bandeau, menu actif, pastilles, icônes). Un seul endroit à changer.
	   Le numéro est celui du module (table module) ; menu-moderne.js reprend les mêmes valeurs. */
	--module-placement: #3F6AF6;     /* 3  — choix de Najet, à la place de #6694FD */
	--module-sourcing: #7B78FE;      /* 2 */
	--module-learning: #F88C31;      /* 5 */
	--module-besoins-rh: #FF6058;    /* 6  — « Intervenant » dans la charte */
	--module-entreprises: #FFBE2B;   /* 9  — « CRM Entreprise » dans la charte */
	--module-jobboard: #13B57A;      /* pages Jobboard de Placement */
	--module-commun: #042E5B;        /* 1, 4, 7, 8, 10, 11, 12, 13, 14 : pas encore de couleur dans la charte */

	/* Jetons de design-system.css (classes br-bouton) alignés sur la charte. */
	--action: var(--charte-bouton);
	--action-survol: var(--charte-bouton-survol);
	--action-fond: var(--charte-bouton-doux-fond);
}

/* ---------------------------------------------------------------------------------------------
 * Polices : deux seulement, Bricolage Grotesque (grands titres, déjà déclarée par
 * theme-bestrecrue.css) et Satoshi. Plutôt que de réécrire les ~670 règles qui nomment les
 * anciennes polices, on redéclare ces noms vers les fichiers Satoshi : à graisse égale, la
 * dernière déclaration l'emporte. Le générateur de CV en PDF lit ses fichiers MuseoSans
 * directement (PDFBoxUtil) : il n'est pas concerné, les CV ne changent pas.
 * ------------------------------------------------------------------------------------------- */
@font-face { font-family: "MuseoSans100-Regular"; src: url("../../../fonts/PDFBox/Satoshi/Satoshi-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "MuseoSans300-Regular"; src: url("../../../fonts/PDFBox/Satoshi/Satoshi-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Museo Sans"; src: url("../../../fonts/PDFBox/Satoshi/Satoshi-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "MuseoSans500-Regular"; src: url("../../../fonts/PDFBox/Satoshi-Medium/Satoshi-Medium-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "MuseoSans700-Regular"; src: url("../../../fonts/PDFBox/Satoshi-Bold/Satoshi-Bold-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "CabritoSans"; src: url("../../../fonts/PDFBox/Satoshi-Medium/Satoshi-Medium-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "cabritoSans"; src: url("../../../fonts/PDFBox/Satoshi-Medium/Satoshi-Medium-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "Oswald"; src: url("../../../fonts/PDFBox/Satoshi-Bold/Satoshi-Bold-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "oswald"; src: url("../../../fonts/PDFBox/Satoshi-Bold/Satoshi-Bold-Regular.ttf") format("truetype"); font-display: swap; }
@font-face { font-family: "ArchivoBlack"; src: url("../../../fonts/PDFBox/Satoshi-Black/Satoshi-Black-Regular.ttf") format("truetype"); font-display: swap; }

/* ---------------------------------------------------------------------------------------------
 * Boutons : un seul jeu sur toute la plateforme.
 * Principal : #3F6AF6, texte blanc. Les anciens boutons (.button.primary, button.primary, input
 * .primary), le thème (theme-bestrecrue.css) et les styles du site au choix (html[data-br-theme],
 * qui imposent leur couleur en !important) prennent la même. D'où le !important ci-dessous, et le
 * préfixe html qui donne à ces règles le même poids que celles des styles du site : à poids égal,
 * cette feuille, chargée en dernier, l'emporte. Les styles écrits dans la page (style="…") cèdent aussi.
 * ------------------------------------------------------------------------------------------- */
html input[type="submit"].primary:not(.br-bouton),
html input[type="reset"].primary:not(.br-bouton),
html input[type="button"].primary:not(.br-bouton),
html button.primary:not(.br-bouton),
html .button.primary:not(.br-bouton),
html .themeBestrecrue .button.primary:not(.br-bouton),
html .themeBestrecrue button.primary:not(.br-bouton),
html .themeBestrecrue input[type="submit"].primary:not(.br-bouton),
html .themeBestrecrue input[type="button"].primary:not(.br-bouton) {
	background-color: var(--charte-bouton) !important;
	color: #FFFFFF !important;
	opacity: 1;
}

html input[type="submit"].primary:not(.br-bouton):hover,
html input[type="button"].primary:not(.br-bouton):hover,
html button.primary:not(.br-bouton):hover,
html .button.primary:not(.br-bouton):hover,
html .themeBestrecrue .button.primary:not(.br-bouton):hover,
html .themeBestrecrue button.primary:not(.br-bouton):hover,
html .themeBestrecrue input[type="submit"].primary:not(.br-bouton):hover,
html .themeBestrecrue input[type="button"].primary:not(.br-bouton):hover,
html .themeBestrecrue .button.primary:not(.br-bouton):active,
html .themeBestrecrue button.primary:not(.br-bouton):active {
	background-color: var(--charte-bouton-survol) !important;
	opacity: 1;
}

/* Secondaire doux, pour les nouveaux écrans : class="br-bouton br-bouton--doux". */
.br-bouton--doux { background: var(--charte-bouton-doux-fond); color: var(--charte-bouton-doux-texte); border-color: transparent; }
.br-bouton--doux:hover,
.br-bouton--doux:focus { background: var(--charte-bouton-doux-fond); color: var(--charte-bouton-doux-texte); box-shadow: inset 0 0 0 2px var(--charte-bouton-doux-texte); }