/*

AAC			clair 	mmy		foncé

bleus 	: 	#c9e4f9	#a7c3db	#007bff			more #89a7c1

marrons : 	#c8b9a6	#c8b9a6	#93674a
			f4d9bd	e9a967
			#f2e1c7	cba198
					ecb67d

gris	:	#4caf50
*/

:root{
/* ---------------------------------------------------------------------------- */

--blanc:#fefefe;
--blanc:#ffffff;
--noir:#1a1a1A;
--noir:#000000;
--gris:#888888;


--bleu-clair:#a7c3db;
--bleu-pale:#c9e4f9;
--marron:#93674a;
--beige:#cbb199;
--beige-clair:#f3ece6;

--marron-beige:linear-gradient(to right, #93674a, #c8b9a6);


/* texte */
--color-base:var(--noir); 
--color-contrast:var(--blanc);

/* palette */
--color-primary:var(--marron);
--color-secondary:var(--beige);
--color-tertiary:var(--beige-clair);

--gradient:linear-gradient(to right, var(--color-secondary), var(--color-tertiary) );
--gradient-min:linear-gradient(to right, var(--color-tertiary), #ffffff );

--gradient-bleu:linear-gradient(to left, #a7c3db, #c9e4f9);

/* ----------------------------------------------------------------------------*/
/* linear-gradient(to right, #a7c3db, #c9e4f9) #c9e4f9*/
---body-bgcolor:var(--bleu-pale);
--body-bgcolor:var(--gradient-min);

/* linear-gradient(to right, #cbb198, #fefefe); */
---main-bgcolor:var(--gradient-min);
--main-bgcolor:transparent;
--main-color:var(--color-base);
--main-border-color:var(--color-contrast);
--main-hr-color:var(--color-primary);

---h-bgcolor:var(--gradient);
--h-bgcolor:transparent;
--h-color:var(--color-primary);
--a-color:var(--color-base);
--a-hover-color:var(--gris);
--a-hover-bgcolor:var(--color-secondary);

--btn-bgcolor:var(--color-primary);
--btn-color:var(--color-contrast);
--btn-hover-color:var(--gris);
--btn-border-color:var(--color-secondary);

--footer-bgcolor:var(--color-primary);
--footer-color:var(--color-contrast);
--footer-a-color:var(--color-contrast);
--footer-border-color:var(--color-contrast);
	
--menu-bgcolor:var(--color-primary);
--menu-color:var(--color-contrast);
--menu-a-hover-color:var(--color-base);
--menu-a-hover-bgcolor:var(--color-contrast);
--menu-border-color:var(--color-secondary);


}