/*------------------------------------------------------------------------ 
GENERAL  /////////////////////////////////////////////////////////////////
------------------------------------------------------------------------*/

html, body {
	background-color:#000;
	color: var(--color-neutro-soft);
	font-weight:300;
	letter-spacing:0.18px;
	}


/* Font size
----------------------------------------*/
body  {
	 font-size: clamp(1rem, 1.3vw, 1.4rem);
	}



:root {

	--font-main:'Lato', sans-serif;
	--font-second:'Lato', sans-serif;

	--color-main-darker:#222222;
	--color-main-dark:#666666;
	--color-main:#777777;
	--color-main-soft:#b2b2b2;
	--color-main-softer:#e8e8e8;

	--color-second-darker:#3f0e0f;
	--color-second-dark:#7c1a1b;
	--color-second:#ed3237;
	--color-second-soft:#f27173;
	--color-second-softer:#f7cdce;

	--color-neutro-darker:#222222;
	--color-neutro-dark:#666666;
	--color-neutro:#777777;
	--color-neutro-soft:#bababa;
	--color-neutro-softer:#e8e8e8;

	--color-ok:#55b88b;
	--color-ok-softer:#a9dac4;
	--color-caution:#edbc2a;
	--color-caution-softer:#f9f8ea;
	--color-warning:#fc6161;
	--color-warning-softer:#f2c9c9;

	}