:root {
	--nlm-blue: #03A9F3;
	--nlm-blue-hover: #0297DA;
	--nlm-red: #E46A76;
	--nlm-red-hover: #D2616C;
	--nlm-yellow: #FEC108;
	--nlm-orange: #FB9679;
	--nlm-green: #02B386;
	--nlm-gray: #C5D2D4;
	--nlm-purple: #AB8CE4;
	--nlm-dark-purple: #8C96AC;
	--nlm-background: #272c36;
	--nlm-background-hover: #2B303A;
	--nlm-foreground: #353c48;
	--nlm-dark-background: #13161c;

	--nlm-yellow-faded: #fec00853;
}

.faded {
	background-color: var(--nlm-yellow-faded);
}
.tester {
	color:#13161c;
}

/* Gray */

.nlm-gray {
	color: var(--nlm-gray);
}
.nlm-bg-gray {
	background-color: var(--nlm-gray);
}

.nlm-background {
	color: var(--nlm-background);
}

.nlm-bg-background {
	background-color: var(--nlm-background);
}


/* Blue */

.nlm-blue {
	color: var(--nlm-blue);
}
.nlm-bg-blue {
	background-color: var(--nlm-blue);
}
.btn-nlm-blue,.btn-nlm-blue:focus {
	background-color: var(--nlm-blue);
	border-color: var(--nlm-blue);
	color: white;
}
.btn-nlm-blue:hover,
.btn-nlm-blue:focus {
	background-color: var(--nlm-blue-hover);
	border-color: var(--nlm-blue-hover);
	color: white;
}

/* Yellow */

.nlm-yellow {
	color: var(--nlm-yellow);
}
.nlm-bg-yellow {
	background-color: var(--nlm-yellow);
}

/* Orange */

.nlm-orange {
	color: var(--nlm-orange);
}
.nlm-bg-orange {
	background-color: var(--nlm-orange);
}

/* Green */

.nlm-green {
	color: var(--nlm-green);
}
.nlm-bg-green {
	background-color: var(--nlm-green);
}

/* Red */

.nlm-red {
	color: var(--nlm-red);
}
.nlm-bg-red {
	background-color: var(--nlm-red);
}
.btn-nlm-red,.btn-nlm-red:focus {
	background-color: var(--nlm-red);
	border-color: var(--nlm-red);
	color: white;
}
.btn-nlm-red:hover,
.btn-nlm-red:focus {
	background-color: var(--nlm-red-hover);
	border-color: var(--nlm-red-hover);
	color: white;
}

/* Purple */

.nlm-purple {
	color: var(--nlm-purple);
}
.nlm-bg-purple {
	background-color: var(--nlm-purple);
}

/* Dark Purple */

.nlm-dark-purple {
	color: var(--nlm-dark-purple);
}
.nlm-bg-dark-purple {
	background-color: var(--nlm-dark-purple);
}


.btn-nlm-background,.btn-nlm-background:focus {
	background-color: var(--nlm-background);
	border-color: var(--nlm-background);
	color: white;
}
.btn-nlm-background:hover,
.btn-nlm-background:focus {
	background-color: var(--nlm-background-hover);
	border-color: var(--nlm-background-hover);
	color: white;
}

.btn-nlm-background-border,.btn-nlm-background-border:focus {
	background-color: var(--nlm-background);
	border-color: var(--nlm-dark-purple);
	color: white;
}
.btn-nlm-background-border:hover,
.btn-nlm-background-border:focus {
	background-color: var(--nlm-background-hover);
	border-color: var(--nlm-dark-purple);
	color: white;
}