/**********/
/*couleurs*/
/**********/

:root{
	--couleur-texte : #000;
	--couleur-titre : red;
	--couleur-liens : var(--couleur-1);
	--couleur-liens-hover : var(--couleur-3);
	--couleur-menu : var(--couleur-1);
	--couleur-menu-secondaire : var(--couleur-3);
	--couleur-menu-secondaire-hover : var(--couleur-4);
	--couleur-message : var(--couleur-5);
	--couleur-boutons : var(--couleur-2);
	--couleur-boutons-hover : var(--couleur-3);
	--couleur-boutons-text : var(--couleur-3);
	--couleur-boutons-text-hover : var(--couleur-2);
	--red : var(--couleur-6);
}

/*********/
/*polices*/
/*********/

:root{
	--font-texte : 'lato';
	--font-titre : 'comfortaa';
	--font-art : 'montserrat';
	--font-size-small : 1rem;
	--font-size-medium : 1.25rem;
	--font-size-large : 1.5625rem;
	--font-size-x-large : 1.875rem;
	--font-size-xx-large : 4rem;
}

/************/
/*transitons*/
/************/

:root{
	--short-transition : .3s;
	--long-transition : calc(2 * var(--short-transition));
	--main-transition : all ease var(--long-transition);
	--main-short-transition : all ease var(--short-transition);
}

/************/
/*dimensions*/
/************/

:root{
	--contentSize: 80vw;
	--wideSize: 93.75vw;
	--contentMargin: calc(var(--contentSize) / 2 - 50vw);
	--wideMargin: calc(var(--wideSize) / 2 - 50vw);
	--header-height: 15.625rem;
	--header-height-mini: 10rem;
}