/*
	CCNAT
*/

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

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


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

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


--rouge:#cc1e1e;
--rose:#ffdddd;


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

/* palette */
--color-primary:var(--rouge);
--color-secondary:var(--rose);
--color-tertiary:var(--color-contrast);

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

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

/* ----------------------------------------------------------------------------*/

--body-bgcolor:var(--color-contrast);

--main-bgcolor:var(--color-contrast);
--main-color:var(--color-base);
--main-border-color:var(--color-contrast);
--main-hr-color:var(--color-primary);

--h-bgcolor:var(--color-contrast);
--h-color:var(--color-base);
--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);


}