/* Typographie */
@font-face {
  font-family: "fontRegular";
  src: url("/global/fonts/OpenSans/OpenSans-Regular.ttf");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "fontItalic";
  src: url("/global/fonts/OpenSans/OpenSans-Italic.ttf");
}

@font-face {
  font-family: "fontBold";
  src: url("/global/fonts/OpenSans/OpenSans-Bold.ttf");
 
}


@font-face {
  font-family: "fontTitre";
  src: url("/global/fonts/OpenSans/OpenSans-Bold.ttf");
}

	
/* Couleurs */
:root 
{
	--couleurAvertissement:#D96A6A;
	--couleurAttente:#efdf80;
	--couleurTxt:#646464;
	--couleurValider:#6AD98B;
	--couleurAction:#efdf80;
	--couleurBody:#363636;
	--couleurSNQ:#b35e4a;
	--couleurTracer3S:#364733;
	--couleurTracerHiver:#718595;
	--couleurHover: #f3f2ee;
	--couleurSkeleton: linear-gradient(to right, #ccc, rgba(229, 229, 229, 0.9), #ccc);
	
	--separateur:#E0E4E7;
	 
	--fondClair:#f3f2ee;
	--fondFoncer:#332E2A;
	--couleurBold:#383838;
	
    --boxShadow: 0 4px 30px rgba(0, 0, 0, 0.1);
	--borderRadiusChoix:20px;

}
	
/* transitions */
:root {
	--transitionHover: 0.3s ease-in-out;
	--transitionHoverQuick: 0.2s ease-out;
	--transitionSlow: 0.4s ease-in-out;
	--transitionVerySlow: 1s ease-in-out;
}

/* Variables utilitaires */
:root{
	--borderRadius: 10px;
	--borderRadiusSmall: 7px;
	--borderRadiusX4: 40px;
	
	--blockSpacer: 5dvh;
	--inlineSpacer: 4dvw;
	
	--text-shadow--noir: 0px 0px 5px rgba(0, 0, 0, 0.3);
	--text-shadow--blanc: 0px 0px 5px rgba(255, 255, 255, 0.3);
}