:root{
	/** https://www.tints.dev/ */
	/* --primary50: #FBEFF0;
	--primary100: #F5DBDC;
	--primary200: #ECBBBE;
	--primary300: #E2989B;
	--primary400: #D9787D;
	--primary500: #CF555B;
	--primary600: #B7343A;
	--primary700: #87262B;
	--primary800: #5B1A1D;
	--primary900: #2C0C0E;
	             
	--accent50: #FAE5CA;
	--accent100: hsl(27, 91%, 91%);
	--accent200: #F5CF9C;
	--accent300: #F2C385;
	--accent400: #F0B86F;
	--accent500: #EDAD58;
	--accent600: #EAA141;
	--accent700: #E6962B;
	--accent800: #DD891B;
	--accent900: #C67B18; */
}


@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.connexion .droite {
	background: conic-gradient(at 125% 50%, var(--primary500), var(--primary600), var(--primary800), var(--primary600), var(--primary500));
}
.colonnegauche .entete,
.logosmartphone,
#siteActivitePublique #logoActivitePublique { 
	background-image:url('../images/logos/Logo_OA.webp');
}
.colgaucheferme .colonnegauche .entete {
	background-image:url('../images/logos/Logo OMC Small White.svg');
}
.colonnegauche .entete {
  height: 90px;
  background-size: 30%;
}
.connexion .gauche {
	background: url("https://cdn.organica.technology/Extranet/bgConnexion/bgConnexion.jpg");
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
}
.connexion .gauche .imageConnexion {
	display: none;
}


/* TEST Darkmode */

@media (prefers-color-scheme: dark) {
	/* :root{
		--grey50: white;
		--grey100: white;
		--grey150: white;
		--grey200: white;
		--grey300: white;
		--grey400: white;
		--grey450: white;
		--grey500: white;
		--grey600: white;
		--grey700: white;
		--grey800: white;
		--grey900: white;

		--couleurFondBlanc:var(--primary900);
	}
	.blocaccordeonTitre {
		color: var(--primary500);
	}
	.blocGradientDetail {
		color: white;
		border: 2px solid var(--couleurBordure);
		background: transparent;
	}
	.colonnegauche .menu .Leftmenu1, .colonnegauche .organica, #siteActivitePublique .organica {
		color: white;
	}
	#formInscription .ligneRepere::after {
		background-color: white;
	}
	#formInscription .ligneRepere.actif::before {
		outline: 2px solid white;
	}
	#formInscription .ligneRepere::before {
		border: 2px solid white;
	}
	.blocaccordeonTitre {
		background-color: var(--primary200);
	}
	.connexion .droite {
		background: linear-gradient(180deg, var(--primary500) 0%, var(--primary900) 100%);
	}
	.connexion .gauche {
		background-color: var(--primary900);
	}
	.colonnegauche {
		background-color: var(--primary900);
	}
	.blocReunionFutur .desktopOnly .libellejour,
	.blocReunionFutur .desktopOnly .numjour,
	.blocReunionFutur .desktopOnly .mois {
		color: var(--primary100);
	}
	.icone.blanc,
	.icone.primary500 {
		background-color: white;
	} */
}