@charset "UTF-8";
/* CSS Document */


:root {
	
	--largeur-page: 1000px;
	
	--couleur-fond-page: #f7eee4;
	--couleur-fond-page: #e5f1e1;
	--couleur-page: #ffffff;
	--couleur-contraste: #ffffff;
	

	--couleur-texte-standard: hsl(0, 0%, 00%);
	--couleur-texte-hover: hsl(180, 50%, 40%);
	--couleur-texte-erreur: hsl(0, 100%, 30%);
	--couleur-texte-erreur-hover: hsl(0, 100%, 70%);
	
	--couleur-valeur-rouge: hsl(0, 100%, 23%);
	--couleur-valeur-vert: hsl(120, 100%, 20%);
	--couleur-valeur-bleu: hsl(260, 100%, 32%);


	--couleur0-ecriture: hsl(21, 70%, 97%);
	--couleur1-ecriture: hsl(21, 70%, 93%);
	--couleur2-ecriture: hsl(21, 70%, 85%);
	--couleur3-ecriture: hsl(21, 70%, 75%);

	--couleur0-compte: hsl(158, 50%, 100%);
	--couleur1-compte: hsl(158, 50%, 93%);
	--couleur2-compte: hsl(158, 50%, 85%);
	--couleur3-compte: hsl(158, 50%, 75%);

	--couleur0-projet: hsl(243, 95%, 100%);
	--couleur1-projet: hsl(243, 95%, 97%);
	--couleur2-projet: hsl(243, 95%, 92%);
	--couleur3-projet: hsl(243, 95%, 82%);

	--couleur0-budget: hsl(62, 50%, 100%);
	--couleur1-budget: hsl(62, 50%, 95%);
	--couleur2-budget: hsl(62, 50%, 85%);
	--couleur3-budget: hsl(62, 50%, 70%);

	--couleur0-neutre: hsl(0, 0%, 95%);
	--couleur1-neutre: hsl(0, 0%, 90%);
	--couleur2-neutre: hsl(0, 0%, 80%);
	--couleur3-neutre: hsl(0, 0%, 70%);
	
	--couleur-fond-input-0: 	rgba(255, 255, 255, 0);
	--couleur-fond-input-3: 	rgba(255, 255, 255, 0.3);
	--couleur-fond-input-5: 	rgba(255, 255, 255, 0.5);
	--couleur-fond-input-7: 	rgba(255, 255, 255, 0.7);
	--couleur-fond-input: 		rgba(255, 255, 255, 1);
	

}