/* ============================================================
   Thème « institutionnel »  -  sobre et dense, bleu profond.
   Convient aux administrations, universités et fédérations.

   Activation : theme: institutionnel dans contenu/site.yaml
   ============================================================ */

:root {
	--couleur-fond: #ffffff;
	--couleur-fond-alt: #eef2f7;
	--couleur-surface: #ffffff;
	--couleur-texte: #1b2431;
	--couleur-texte-doux: #4f5d6e;
	--couleur-titre: #0b1b2e;
	--couleur-accent: #123a6b;
	--couleur-accent-survol: #0a2547;
	--couleur-accent-contraste: #ffffff;
	--couleur-bordure: #c9d4e0;
	--couleur-focus: #123a6b;

	--rayon-m: 0.25rem;
	--rayon-l: 0.375rem;

	--ombre-s: none;
	--ombre-m: 0 2px 8px rgb(11 27 46 / 8%);

	--largeur-contenu: 76rem;
	--interligne-normal: 1.65;
}

@media (prefers-color-scheme: dark) {
	:root {
		--couleur-fond: #0d1420;
		--couleur-fond-alt: #141d2c;
		--couleur-surface: #16202f;
		--couleur-texte: #dde5ef;
		--couleur-texte-doux: #9aa9bb;
		--couleur-titre: #f2f6fb;
		--couleur-accent: #7ea9dc;
		--couleur-accent-survol: #a5c4e9;
		--couleur-accent-contraste: #0b1b2e;
		--couleur-bordure: #2a3949;
		--couleur-focus: #7ea9dc;
	}
}