:root{

	/*---------------------------
		DEFINIÇOES DE FONTS
	-----------------------------*/

	--font-basic 	: 'Metropolis';
	--font-destaque	: 'Metropolis Extra';
	--font-size-p 	: 10px;
	--font-size-m 	: 12px;
	--font-size-mm 	: 15px;
	--font-size-xm 	: 17px;
	--font-size-g 	: 20px;
	--font-size-x 	: 25px;
	--font-size-xg 	: 35px;
	--font-size-xgg : 40px;
	--font-size-xxg : 45px;

	/*---------------------------
		DEFINIÇOES DE CORES
	-----------------------------*/

	--cor-verde-a 	: #002B18;
	--cor-verde-e 	: #006B3B;
	--cor-verde-b 	: #00944C;
	--cor-verde-c 	: #00F880;

	--cor-amarelo-a : #ffbc01;

	--cor-mono-a 	: #FFFFFF;
	--cor-mono-b 	: #404040;
	--cor-mono-c 	: #868686;
	--cor-mono-d 	: #D9D9D9;

	/*---------------------------
		DEFINIÇOES DE ELEMENTOS
	-----------------------------*/
	--border-radius : 5px;
	--time-efeito 	: 0.3s;
	--lh-120		: 120%;
	--lh-150		: 150%;
	--lh-180		: 180%;
	--lh-200		: 200%;
	--lh-250		: 250%;
}


/*---------------------------
	CLASS DEFINICOES
-----------------------------*/

/* b = background-color */
.b-cor-verde-e		{ background-color: var(--cor-verde-e); 	}
.b-cor-verde-b		{ background-color: var(--cor-verde-b); 	}
.b-cor-verde-c		{ background-color: var(--cor-verde-c); 	}

.b-cor-amarelo-a 	{ background-color: var(--cor-amarelo-a); 	}

.b-cor-mono-a 		{ background-color: var(--cor-mono-a); 		}
.b-cor-mono-b 		{ background-color: var(--cor-mono-b); 		}
.b-cor-mono-c 		{ background-color: var(--cor-mono-c); 		}
.b-cor-mono-d 		{ background-color: var(--cor-mono-d); 		}

/* texto/font  */
.t-cor-verde-e		{ color: var(--cor-verde-e); 	}
.t-cor-verde-b		{ color: var(--cor-verde-b); 	}
.t-cor-verde-c		{ color: var(--cor-verde-c); 	}

.t-cor-amarelo-a 	{ color: var(--cor-amarelo-a); 	}

.t-cor-mono-a 		{ color: var(--cor-mono-a); 	}
.t-cor-mono-b 		{ color: var(--cor-mono-b); 	}
.t-cor-mono-c 		{ color: var(--cor-mono-c); 	}
.t-cor-mono-d 		{ color: var(--cor-mono-d); 	}

/*---------------------------
	CLASS FONTS
-----------------------------*/

.font-size-p 	{ font-size: var(--font-size-p); }
.font-size-m 	{ font-size: var(--font-size-m); }
.font-size-mm 	{ font-size: var(--font-size-mm); }
.font-size-xm 	{ font-size: var(--font-size-xm); }
.font-size-g 	{ font-size: var(--font-size-g)!important; }
.font-size-x 	{ font-size: var(--font-size-x); }
.font-size-xg 	{ font-size: var(--font-size-xg); }
.font-size-xgg 	{ font-size: var(--font-size-xgg); }
.font-size-xxg 	{ font-size: var(--font-size-xxg); }

/*---------------------------
	CLASS FONTS
-----------------------------*/
.lh-120 { line-height: var(--lh-120); }
.lh-150 { line-height: var(--lh-150); }
.lh-180 { line-height: var(--lh-180); }
.lh-200 { line-height: var(--lh-200); }
.lh-250 { line-height: var(--lh-250); }