/*
 * Charte graphique Naef 2026 — jetons de design partages par tout le site.
 *
 * Charge en premier, avant bootstrap et avant les feuilles de page : tout le reste
 * du CSS ne fait plus que consommer les variables definies ici. Une couleur de la
 * charte qui bouge se corrige a un seul endroit, au lieu des 11 fichiers ou
 * #ff0000 etait recopie a la main.
 *
 * Source : [NAEF] Mini charte graphique 2026 (septembre 2026) et la bibliotheque
 * Figma « NAEF - Design System 2026 ». Les valeurs primaires sont celles imprimees
 * dans la charte ; les declinaisons de teintes sont relevees sur la planche
 * « Couleurs / Declinaisons de teintes ».
 */

/*----------------- Polices -----------------*/
/*
 * Onest et Inter sont servies en local plutot que depuis fonts.googleapis.com :
 * un @import Google Fonts bloque le rendu le temps d'un aller-retour DNS + TLS
 * vers un tiers, sur toutes les pages, et l'ancien master.css en enchainait deux
 * (Abril Fatface, Poppins) dont aucune n'etait finalement utilisee.
 *
 * Les deux fichiers sont des polices variables : un seul woff2 couvre 100 a 900,
 * d'ou le font-weight en intervalle. Telecharger un fichier par graisse aurait
 * rapatrie quatre fois le meme octet pour rien.
 */
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/naef/onest-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Onest";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/naef/onest-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/naef/inter-latin.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Inter";
	font-style: normal;
	font-weight: 100 900;
	font-display: swap;
	src: url("../fonts/naef/inter-latin-ext.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/*----------------- Palette principale -----------------*/
	--naef-blanc: #ffffff;
	--naef-blanc-casse: #faf6f0;
	--naef-blanc-casse-150: #e6e2df;

	--naef-nuit: #040c31;
	--naef-nuit-75: #424964;
	--naef-nuit-50: #808597;

	--naef-rouge: #cd2d43;
	--naef-rouge-150: #9e2133;
	--naef-rouge-50: #e29099;

	--naef-quartz-150: #7a8898;
	--naef-quartz: #c5cfda;
	--naef-quartz-50: #e2e7ec;

	/*
	 * Ecru Medium, relevee dans la bibliotheque Figma (NPKF/Ecru Medium). Absente de
	 * la mini charte imprimee, c'est pourtant la couleur des filets de carte des
	 * maquettes d'interface : un beige neutre qui va avec le blanc casse la ou le
	 * quartz, franchement bleu, jurerait.
	 */
	--naef-ecru-medium: #e7e1d8;

	/*----------------- Typographie -----------------*/
	/* Onest pour les titres et tout ce qui doit porter la marque, Inter pour le texte courant. */
	--naef-titre: "Onest", "Segoe UI", Arial, sans-serif;
	--naef-texte: "Inter", "Segoe UI", Arial, sans-serif;

	/*----------------- Systeme graphique -----------------*/
	/*
	 * Echelle de rayons du design system, telle que la bibliotheque Figma la nomme :
	 * Small pour les champs, Regular pour les cartes, Large pour les pastilles,
	 * Bouton pour les boutons — qui sont des pilules, pas des rectangles arrondis.
	 *
	 * Le « bloc modulable » de la charte imprimee (rectangle a un seul coin arrondi)
	 * n'est volontairement pas repris : c'est un motif de mise en page pour les
	 * aplats et les images, et les cartes du design system portent toutes un rayon
	 * uniforme. Une premiere version l'appliquait aux cartes de l'interface, a tort.
	 */
	--naef-rayon-small: 9px;
	--naef-rayon-regular: 18px;
	--naef-rayon-large: 36px;
	--naef-rayon-pilule: 100px;

	/*----------------- Roles d'interface -----------------*/
	--epro-fond: var(--naef-blanc-casse);
	--epro-surface: var(--naef-blanc);
	--epro-surface-douce: var(--naef-blanc-casse);
	--epro-bordure: var(--naef-quartz-50);
	--epro-bordure-forte: var(--naef-quartz);

	--epro-texte: var(--naef-nuit);
	--epro-texte-doux: var(--naef-nuit-75);
	--epro-texte-discret: var(--naef-nuit-50);
	--epro-texte-inverse: var(--naef-blanc);

	--epro-accent: var(--naef-rouge);
	--epro-accent-fonce: var(--naef-rouge-150);

	/* Bandeau d'en-tete et barre laterale */
	--epro-barre: var(--naef-nuit);
	--epro-barre-texte: var(--naef-blanc);

	/* Tableaux */
	--epro-entete-table: var(--naef-nuit);
	--epro-entete-table-texte: var(--naef-blanc);
	--epro-ligne-alternee: var(--naef-blanc-casse);
	--epro-total: var(--naef-nuit-75);

	/* Etats */
	--epro-succes: #1f7244;

	/*
	 * Echelle d'etat des rapports d'immeuble (colonnes coloree 0 a 3). C'est une
	 * echelle de statut, pas une serie : elle garde une signification reservee et
	 * ne sert jamais de couleur de categorie dans un graphique.
	 */
	--epro-rapport-0: var(--naef-quartz-50);
	--epro-rapport-1: #3e8e5a;
	--epro-rapport-2: #e0b252;
	--epro-rapport-3: var(--naef-rouge);

	/* Bandeau de chapitre dans les rapports d'immeuble. */
	--epro-bandeau-chapitre: rgba(205, 45, 67, 0.14);

	/*
	 * Teintes de series reprises dans du HTML genere ou des styles en ligne, ou
	 * la palette JavaScript de chartOptions.js n'est pas accessible.
	 */
	--epro-serie-bleu: #1f5fa8;

	/*
	 * Alias historiques introduits par remake.css. Seuls ceux encore appeles sont
	 * conserves — workOrders.css les utilise pour #bonsControls — et ils pointent
	 * desormais sur la charte, ce qui evite d'avoir a relire chaque appelant.
	 */
	--v-light-gray: var(--naef-blanc-casse);
	--v-gray-border: 1px solid var(--naef-quartz-50);
}

/*----------------- Base typographique -----------------*/
body {
	font-family: var(--naef-texte);
	color: var(--epro-texte);
	-webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, h5, h6,
.naef-titre {
	font-family: var(--naef-titre);
	font-weight: 500;
	color: var(--epro-texte);
}