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


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

	/* Activer le thème préféré par le système */
	color-scheme:light dark;

	/*
	/* Couleurs principales
	/*

	/* Fond principal de base */
	--fond-principal:light-dark(
		oklch(0.97 0 0),
		oklch(0.30 0 0)
	);

	/* Texte principal de base */
	--texte-principal:light-dark(
		oklch(0.00 0 0),
		oklch(0.90 0 0)
	);

	/* Texte fade/secondaire */
	--texte-fade:light-dark(
		oklch(0.70 0 0),
		oklch(0.60 0 0)
	);

	/* Textes des liens */
	--texte-lien:light-dark(
		oklch(0.97 0 0),
		oklch(0.30 0 0)
	);

		/* Textes des liens en contraste */
	--texte-lien-contraste:light-dark(
		oklch(1.00 0 0),
		oklch(0.90 0 0)
	);

	/* Fond des éléments sélectionnés */
	-fond-selection:light-dark(
		oklch(0.86 0.07 7),
		oklch(0.65 0.14 7)
	);

	/* Textes des éléments sélectionnés */
	--texte-selection:light-dark(
		oklch(0.00 0 0),
		oklch(1.00 0 0)
	);

	/* Bordure pour les éléments clairs */
	--bord-principal:light-dark(
		oklch(0.30 0.05 227),
		oklch(0.90 0 0)
	);

	/* Bordure pour les éléments sombres */
	--bord-secondaire:light-dark(
		oklch(0.90 0 0),
		oklch(0.60 0 0)
	);

	/* Fond pour la zone complémentaire */
	--fond-complementaire:light-dark(
		oklch(0.95 0 0),
		oklch(0.27 0 0)
	);

	/* Fond pour les éléments transparents */
	--fond-transparent:light-dark(
		transparent,
		transparent
	);


	/*
	/* Couleurs du modal
	/*

	/* Fond autour du modal */
	--fond-modal:light-dark(
		oklch(0 0 0 / 0.5),
		oklch(0.30 0.05 227 / 0.5)
	);
	
	/* Fond à l'intérieur du modal */
	--fond-modal-interieur:light-dark(
		oklch(1 0 0),
		oklch(0.30 0.05 227)
	);

	/* Texte du modal */
	--texte-modal:light-dark(
		oklch(0.28 0.18 267),
		oklch(0.90 0 0)
	);

	/*
	/* Couleurs de l'en-tête
	/*

	/* Fond de l'en-tête principal */
	--fond-en-tete:light-dark(
		oklch(0.28 0.18 267),
		oklch(0.30 0.05 227)
	);

	/* Texte de l'en-tête principal */
	--texte-en-tete:light-dark(
		oklch(1.00 0 0),
		oklch(0.90 0 0)
	);

	/*
	/* Couleurs du pied-de-page
	/*

	/* Fond du pied-de-page */
	--fond-pied-de-page:light-dark(
		oklch(0.51 0.025 67),
		oklch(0.35 0.025 67) /* Sinon, 0.30 0.05 227 */
	);

	/* Texte du pied-de-page */
	--texte-pied-de-page:light-dark(
		oklch(1.00 0 0),
		oklch(0.90 0 0)
	);

	/*
	/* Module MATE
	/*

	/* Moodule MATE */
	--fond-mate:light-dark(
		oklch(0.00 0 0),
		oklch(0.25 0 0)
	);
	--texte-mate:light-dark(
		oklch(0.84 0.17 83.6),
		oklch(0.84 0.17 83.6)
	);
	--bord-mate:light-dark(
		oklch(0.00 0 0),
		oklch(0.25 0 0)
	);

	/*
	/* Boutons
	/*

	/* Formulaire identification */
	--fond-bouton-envaleur:light-dark(
		oklch(0.28 0.18 267),
		oklch(0.50 0.05 227)
	);

	--texte-bouton-envaleur:light-dark(
		oklch(1.00 0 0),
		oklch(0.90 0 0)
	);

	--fond-bouton-attenue:light-dark(
		oklch(0.65 0.18 267),
		oklch(0.30 0.05 227)
	);

	--texte-bouton-attenue:light-dark(
		oklch(1.00 0 0),
		oklch(0.90 0 0)
	);

	--fond-bouton-neutre:light-dark(
		oklch(0.95 0 0),
		oklch(0.35 0 0)
	);

	--texte-bouton-neutre:light-dark(
		oklch(0.00 0 0),
		oklch(0.90 0 0)
	);--

}