/*----------------------------------------------*/
/*GLOBAL VARIABLE*/
:root {
	/*COLOR*/
	/* background*/
	--color-back-base:		hsl(0,   0%, 100%);
	--color-back-dark:		hsl(0,   0%,  95%);
	/* color range */
	--color-purple:			hsl(324, 86%,  52%); /* #ee1998 - rgb(238, 25,  152) */
	--color-pink:			hsl(324, 100%, 74%); /* #ff7bca - rgb(255, 123, 202) */
	--color-green:			hsl(86,  60%,  52%); /* #8fce3c - rgb(143, 206, 60 ) */
	--color-yellow:			hsl(59,  92%,  46%); /* #e3e00a - rgb(227, 224, 10 ) */
	--color-blue:			hsl(189, 73%,  61%); /* #51cee4 - rgb(81,  206, 228) */
	--color-water:			hsl(189, 88%,  38%); /* #0c9cb5 - rgb(12,  156, 181) */
	--hue-1: 				324;
	--hue-2: 				86;
	--hue-3: 				59;
	--hue-4: 				189;
	/*text*/
	--color-text:			hsl(0, 0%, 10%);
	--color-text-light:		hsl(0, 0%, 25%);
	--color-text-strong:	hsl(0, 0%,  5%);
	--color-text-1:		hsl(var(--hue-1), 80%, 50%);
	--color-text-2:		hsl(var(--hue-2), 90%, 30%);
	--color-text-3:		hsl(var(--hue-3), 90%, 30%);
	--color-text-4:		hsl(var(--hue-4), 70%, 40%);
	/*links*/
	--hue-link: 			var(--hue-3);
	--color-link:			hsl(var(--hue-link), 70%, 40%);
	--color-link-hover:		hsl(var(--hue-link), 70%, 50%);
	--color-link-active:	hsl(var(--hue-link), 70%, 50%);
	--color-link-visited:	hsl(var(--hue-link), 60%, 30%);
	/* lines*/
	--color-lines-1:		hsl(var(--hue-1),  50%,  80%);
	--color-lines-2:		hsl(var(--hue-2),  50%,  80%);
	--color-lines-3:		hsl(var(--hue-3),  50%,  80%);
	--color-lines-4:		hsl(var(--hue-4),  50%,  80%);
	/* buttons*/
	--hue-btn:				12;
	--color-btn:			hsl(var(--hue-btn), 1%, 1%);

	/*TEXTE*/
	/* fonts */
	--font-titles:			'paradroid';
	--font-texts:			'louisgeorge';
	--font-fallback:		'cabrion';

	/* colors texts */

	/*skeleton*/
	--gap-unit:				10px;
	--max-screen:			1110px;
	--base-font-size:		10px;
	--nav-height:			40px;
	--aside-left-width:		200px;
	--aside-right-width:	200px;
	--aside-margin:			30px;
	--footer-height:		100px;

}