/***************************
*									*
*			MEUH		3			*
*									*
*		Fichier de style		*
*				THEME				*
*									*
***************************/


/* Pour le thème clair */
:root {

	/* Fonds */
	--fond-principal:rgb(245,245,245);						/* Fond principal de base */
	--fond-complementaire:rgb(235,235,235);				/* Fond pour la zone complémentaire */
	--fond-modal:rgba(000,000,000,.5);						/* Fond autour du modal */
	--fond-modal-interieur:rgb(255,255,255);				/* Fond à l'intérieur du modal */
	--fond-en-tete:rgb(010,000,130);							/* Fond de l'en-tête principal */
	--fond-pied-de-page:rgb(110,100,090);					/* Fond du pied-de-page */
	--fond-transparent:transparent;							/* Fond pour les éléments transparents */
	--fond-selection:rgb(255,192,203);						/* Fond pour les éléments sélectionnés */
	--fond-surlignage:rgb(212,212,121);						/* Fond pour le surlignage d'éléments */
	--fond-mate:rgb(000,000,000);								/* Fond de l'encart du module MATE */

	/* Textes */
	--texte-principal:rgb(000,000,000);						/* Texte général/important */
	--texte-contraste:rgb(255,255,255);						/* Texte contraste */
	--texte-fade:rgb(150,150,150);							/* Texte secondaire/moins important */
	--texte-modal:rgb(010,000,130);							/* Texte du modal */
	--texte-en-tete:rgb(255,255,255);						/* Texte de l'en-tête */
	--texte-pied-de-page:rgb(255,255,255);					/* Texte du pied-de-page */
	--texte-lien:rgb(000,000,000);							/* Texte des liens */
	--texte-lien-contraste:rgb(255,255,255);				/* Texte des liens en contraste */
	--texte-selection:rgb(000,000,000);						/* Texte pour les éléments sélectionnés */
	--texte-mate:rgb(255,190,000);							/* Texte de l'encart du module MATE */

	/* Bords */
	--bord-principal:rgb(037,048,059);						/* Bordure pour les élements clairs */
	--bord-secondaire:rgb(220,220,220);						/* Bordure pour les éléments sombres */
	--bord-mate:rgb(000,000,000);								/* Bordure pour le module MATE */
}

/* Pour thème sombre */
@media (prefers-color-scheme: dark) {
	:root {

		/* Fonds */
		--fond-principal:rgb(048,048,048);					/* Fond principal de base */
		--fond-complementaire:rgb(038,038,038);			/* Fond pour la zone complémentaire */
		--fond-modal:rgb(037,048,059);						/* Fond du modal */
		--fond-modal-interieur:rgb(037,048,059);			/* Fond à l'intérieur du modal */
		--fond-en-tete:rgb(037,048,059);						/* Fond de l'en-tête principal */
		--fond-pied-de-page:rgb(037,048,059);				/* Fond du pied-de-page */
		--fond-transparent:transparent;						/* Fond pour les éléments transparents */
		--fond-selection:rgb(219,112,147);					/* Fond pour les éléments sélectionnés */
		--fond-surlignage:rgb(048,048,048);					/* Fond pour le surlignage d'éléments */
		--fond-mate:rgb(030,030,030);							/* Fond de l'encart du module MATE */

		/* Textes */
		--texte-principal:rgb(225,225,225);					/* Texte général/important blanc opacité 87% */
		--texte-contraste:rgb(225,225,225);					/* Texte contraste */
		--texte-fade:rgb(125,125,125);						/* Texte secondaire/moins important blanc opacité 60% */
		--texte-modal:rgb(225,225,225);						/* Texte du menu */
		--texte-en-tete:rgb(225,225,225);					/* Texte de l'en-tête */
		--texte-pied-de-page:rgb(225,225,225);				/* Texte du pied-de-page */
		--texte-lien:rgb(225,225,225);						/* Texte des liens */
		--texte-lien-contraste:rgb(225,225,225);			/* Texte des liens en contraste */
		--texte-selection:rgb(255,255,255);					/* Texte pour les éléments sélectionnés */
		--texte-mate:rgb(255,190,000);						/* Texte de l'encart du module MATE */

		/* Bords */
		--bord-principal:rgb(225,225,225);					/* Bordure pour les éléments clairs */
		--bord-secondaire:rgb(125,125,125);					/* Bordure pour les élements sombres */
		--bord-mate:rgb(030,030,030);							/* Bordure pour le module MATE */
	}
}