/* Charte graphique TOUTA (juillet 2025) traduite en jetons de conception.
   Cette feuille ne stylise rien par elle-même : elle déclare les polices et les
   variables que chaque surface — bureau, saisie terrain, pages publiques,
   documents — consomme. Une couleur qui n'est pas ici n'existe pas dans l'application. */

/* ------------------------------------------------------------ polices
   Montserrat pour les titres, Open Sans pour le texte (charte p. 20-21).
   Hébergées avec l'application : un agent hors connexion doit avoir la même
   interface qu'au bureau. Fichiers variables : un seul fichier par famille
   couvre toutes les graisses. */
@font-face {
	font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("../fonts/montserrat-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+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Montserrat"; font-style: normal; font-weight: 100 900; font-display: swap;
	src: url("../fonts/montserrat-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+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: "Open Sans"; font-style: normal; font-weight: 300 800; font-display: swap;
	src: url("../fonts/opensans-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+2074, U+20AC, U+2122, U+2191, U+2193,
		U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Open Sans"; font-style: normal; font-weight: 300 800; font-display: swap;
	src: url("../fonts/opensans-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+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0,
		U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/* ---- couleurs primaires (charte p. 17) */
	--t-terre: #33302C;          /* teinte sombre et terreuse : structure, fiabilité */
	--t-terre-2: #4A4640;        /* terre éclaircie : survol des surfaces sombres */
	--t-terre-3: #6B665F;        /* terre atténuée : texte secondaire */
	--t-vert: #98C55B;           /* vert clair : vie, croissance — l'accent de la marque */
	--t-blanc: #FFFFFF;

	/* ---- couleurs secondaires (charte p. 18), une par métier */
	--t-production: #98C55B;
	--t-commercialisation: #3A8245;
	--t-transformation: #E67032;
	--t-formation: #E5B13D;

	/* ---- déclinaisons d'interface
	   Le vert clair ne porte jamais de texte sur fond blanc (contraste insuffisant) :
	   les liens, les actions et les états positifs prennent le vert profond. */
	--t-vert-profond: #3A8245;
	--t-vert-profond-2: #2F6B39;
	--t-vert-50: #F3F8EA;
	--t-vert-100: #E6F0D3;
	--t-vert-200: #CFE3A9;
	--t-orange-50: #FDEFE6;
	--t-orange-700: #B84E17;
	--t-jaune-50: #FBF4DF;
	--t-jaune-700: #8A6512;
	/* Le rouge n'est pas dans la charte : il ne sert qu'aux erreurs et aux refus. */
	--t-rouge: #B42318;
	--t-rouge-50: #FCEBE9;

	/* ---- neutres, teintés de terre plutôt que de bleu */
	--t-sable-50: #FBFAF8;       /* fond des cartes secondaires, lignes alternées */
	--t-sable-100: #F5F3EF;      /* fond de page, champs de saisie */
	--t-sable-200: #E8E5DF;      /* traits, bordures */
	--t-sable-300: #D6D2CA;      /* bordures marquées, séparateurs */
	--t-gris: #8C867D;           /* texte d'aide, textes de remplacement */
	--t-texte: #2B2925;          /* texte courant */
	--t-texte-2: #5E5952;        /* texte secondaire */

	/* ---- typographie (charte p. 20) */
	--t-police-titres: "Montserrat", "Segoe UI", Helvetica, Arial, sans-serif;
	--t-police-texte: "Open Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
		Helvetica, Arial, sans-serif;
	--t-police-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;

	/* ---- géométrie */
	--t-rayon: 10px;
	--t-rayon-petit: 7px;
	--t-rayon-grand: 16px;
	--t-ombre: 0 1px 2px rgba(51, 48, 44, .06), 0 1px 1px rgba(51, 48, 44, .03);
	--t-ombre-flottante: 0 12px 32px rgba(51, 48, 44, .16);
	--t-anneau: 0 0 0 3px rgba(152, 197, 91, .45);   /* focus clavier : vert clair */

	/* ---- motif (charte p. 23) : la paire de feuilles, en filigrane */
	--t-motif: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 76'%3E%3Cpath fill='%2398C55B' d='M63 38.7c-15.6 4.6-32.7 1-45.3-9.1C9.1 22.9 2.8 13.5 0 2.9 9.7 0 20.4.4 29.9 3.6c13.6 4.6 25.2 15.3 30.8 28.7.9 2.1 1.5 4.3 2.3 6.4z'/%3E%3Cpath fill='%2333302C' d='M98.4 53.8c-13.4 0-25.6-8.1-30.8-20.5L53.5 0c13.4 0 25.5 8.1 30.8 20.5l14.1 33.3z'/%3E%3C/svg%3E");
}

/* Le filigrane s'applique à n'importe quel conteneur positionné. */
.t-motif { position: relative; overflow: hidden; }
.t-motif::before {
	content: ""; position: absolute; inset: 0; pointer-events: none;
	background-image: var(--t-motif); background-size: 140px 76px; opacity: .07;
	-webkit-mask-image: linear-gradient(115deg, #000 0%, transparent 70%);
	mask-image: linear-gradient(115deg, #000 0%, transparent 70%);
}