/*********************************\
|*      VARIABLES GENERALES      *|
\*********************************/

:root {
	/* polices */
	--titre: 'LT-Beverage';
	--txt: 'Frenchpress';

	/* Taille des caracteres */
	--taille-titre: 2em;
	--grand-texte: 1.8em;
	--petit-texte: 0.9em;

	/* couleur de texte */
	--texte-clair: whitesmoke;



	/* Teintes */
	--teinte-sasunin: 80;
	--teinte-pebr: 4;
	--teinte-kraon: 25;
	--teinte-frouez: 240;

	/* saturations */
	--sat-terne: 35%;
	--sat-normale: 50%;
	--sat-vive: 65%;

	/* luminosités */
	--lum-clair: 80%;
	--lum-moyen: 45%;
	--lum-fonce: 30%;
	--lum-sombre: 20%;

	/* transparance */
	--alpha-moyen: 0.4;

	/* couleur de mix de l'arrière-plan du site */
	--fond: hsla(100, 30%, 90%, 0.95);

	/* referentiel des couleurs */
	--sasunin-fonce: hsl(var(--teinte-sasunin), var(--sat-vive), var(--lum-sombre));
	--sasunin-moyen: hsl(var(--teinte-sasunin), var(--sat-terne), var(--lum-moyen));
	--sasunin-clair: hsla(var(--teinte-sasunin), var(--sat-vive), var(--lum-clair), var(--alpha-moyen));

	--pebr-fonce: hsl(var(--teinte-pebr), var(--sat-vive), var(--lum-fonce));
	--pebr-moyen: hsl(var(--teinte-pebr), var(--sat-terne), var(--lum-moyen));
	--pebr-clair: hsla(var(--teinte-pebr), var(--sat-vive), var(--lum-clair), var(--alpha-moyen));

	--kraon-fonce: hsl(var(--teinte-kraon), var(--sat-vive), var(--lum-fonce));
	--kraon-moyen: hsl(var(--teinte-kraon), var(--sat-normale), var(--lum-moyen));
	--kraon-clair: hsla(var(--teinte-kraon), var(--sat-vive), var(--lum-clair), var(--alpha-moyen));

	--frouez-fonce: hsl(var(--teinte-frouez), var(--sat-vive), var(--lum-fonce));
	--frouez-moyen: hsl(var(--teinte-frouez), var(--sat-terne), var(--lum-moyen));
	--frouez-clair: hsla(var(--teinte-frouez), var(--sat-terne), var(--lum-clair), var(--alpha-moyen));
	
	/* couleurs des bandeaux */
	--alerte: indianred;
	--special: sandybrown;
	--info: yellowgreen;
}



/*********************************\
|*            POLICES            *|
\*********************************/

@font-face {
	font-family: 'LT-Beverage';
	src: url('../polices/LT-Beverage.otf') format('opentype')
}

@font-face {
	font-family: 'Frenchpress';
	src: url('../polices/Frenchpress.otf') format('opentype')
}



/*********************************\
|*          ANIMATIONS           *|
\*********************************/

@keyframes apparition {
  from {opacity: .4}
  to {opacity: 1}
}