/* ==========================================================================
   colors.css — toutes les couleurs de isbn.abc-applications.com
   (comme www.abc-applications.com : app/static/css/couleurs.css)

   Les autres feuilles de style, les pages et isbn.cgi n'utilisent que ces
   variables. Mode sombre : le blanc devient noir et le noir devient blanc
   (ainsi que les gris) ; les autres couleurs ne changent pas (jaune du
   formulaire, liens, couleurs des champs du code ISBN).
   ========================================================================== */

:root {
	color-scheme: light dark;	/* champs, barres de défilement… suivent le thème */

	/* neutres : inversés en mode sombre */
	--fond: #fafbfa;
	--texte: #222;
	--texte-secondaire: #555;	/* auteur, chargement (fenêtre de résultat) */
	--lien-survol: black;
	--bordure: #ccc;
	--bordure-pied: lightgray;
	--bordure-citation: #999;
	--bordure-bouton: black;
	--bordure-formulaire: #C0C0C0;
	--fond-bouton: #eee;
	--fond-menu: #eee;
	--fond-alerte: #ccc;
	--texte-alerte: #000;
	--fond-fenetre: white;		/* fenêtre de résultat */
	--ombre: rgba(0,0,0,0.3);
	--ombre-fenetre: rgba(0,0,0,0.35);

	/* couleurs et gris moyens : identiques en mode sombre */
	--gris: gray;
	--gris-moyen: #888;
	--lien: #405870;
	--lien-pied: #456;
	--selection: #b3d4fc;
	--formulaire: #ffcc31;		/* bandeau jaune du formulaire */
	--texte-formulaire: #222;	/* texte sur le jaune */
	--voile: rgba(0,0,0,0.45);	/* derrière la fenêtre de résultat */
	--erreur: #c00;
	--niveau-cp: #41DB6C;
	--niveau-ce1: #5DC9F8;
	--niveau-ce2: #2679FC;
	--niveau-cm1: #FF3237;
	--niveau-cm2: #FF9426;
	/* les 5 champs du code ISBN (schéma et liste explicative) */
	--champ-prefixe: #808;
	--champ-region: red;
	--champ-editeur: blue;
	--champ-livre: green;
	--champ-controle: #D80;
}

form { color: var(--texte-formulaire); }
#isbn-modal { background: var(--fond-fenetre); color: var(--texte); }

@media (prefers-color-scheme: dark) {
	:root {
		--fond: #050405;
		--texte: #f8f8f8;
		--texte-secondaire: #bbb;
		--lien-survol: white;
		--bordure: #333;
		--bordure-pied: #2c2c2c;
		--bordure-citation: #666;
		--bordure-bouton: white;
		--bordure-formulaire: #3f3f3f;
		--fond-bouton: #1a1a1a;
		--fond-menu: #1a1a1a;
		--fond-alerte: #333;
		--texte-alerte: #fff;
		--fond-fenetre: #0a0a0a;
		--ombre: rgba(255,255,255,0.3);
		--ombre-fenetre: rgba(255,255,255,0.15);
	}
	/* le schéma (traits noirs, légendes en couleur) reste sur fond blanc */
	img[src$='isbn.svg'] { background: white; border-radius:8px; padding:8px; }
}