:root {

	--bc-body : #fff;

	--c-1:	#7209B7;
	--c-2:	#061E40;

	--c-000    : hsla(0, 0%,   0%, 1   );
	--c-000-10 : hsla(0, 0%,   0%, 0.10);
	--c-000-20 : hsla(0, 0%,   0%, 0.20);
	--c-000-30 : hsla(0, 0%,   0%, 0.30);
	--c-000-40 : hsla(0, 0%,   0%, 0.40);
	--c-000-50 : hsla(0, 0%,   0%, 0.50);
	--c-000-60 : hsla(0, 0%,   0%, 0.60);
	--c-000-70 : hsla(0, 0%,   0%, 0.70);
	--c-000-80 : hsla(0, 0%,   0%, 0.80);
	--c-000-90 : hsla(0, 0%,   0%, 0.90);
	--c-fff    : hsla(0, 0%, 100%, 1   );
	--c-fff-10 : hsla(0, 0%, 100%, 0.10);
	--c-fff-20 : hsla(0, 0%, 100%, 0.20);
	--c-fff-30 : hsla(0, 0%, 100%, 0.30);
	--c-fff-40 : hsla(0, 0%, 100%, 0.40);
	--c-fff-50 : hsla(0, 0%, 100%, 0.50);
	--c-fff-60 : hsla(0, 0%, 100%, 0.60);
	--c-fff-70 : hsla(0, 0%, 100%, 0.70);
	--c-fff-80 : hsla(0, 0%, 100%, 0.80);
	--c-fff-90 : hsla(0, 0%, 100%, 0.90);

	--c-fff-read : rgba(255,255,255,0.9);
	--c-000-read : rgba(0,0,0,0.9);
	
	--timer-fade       : 0.3s;
	--animate-duration : 0.3s;
	--animate-delay    : 1s;
	--animate-repeat   : 1;
}

.c-000 { 
	color: var(--c-000);
}
.c-000-50 { 
	color: var(--c-000-50);
}
.c-fff-read {
	font-family: Inter Thin;
	font-weight: bold;
	color: var(--c-fff-read);
}
.c-fff-read b {
	font-family: Inter Light;
}
.c-000-read { 
	color: var(--c-000-read);
}

.c-fff { color: #fff }
.d-c-fff { color: #fff }
			@media (max-width: 890px ) {
				.d-c-fff { color: inherit }
				.m-c-fff { color: #fff }
			}
.c-1   { color: var(--c-1) }
.c-2   { color: var(--c-2) }
.c-3   { color: var(--c-3) }
.c-4   { color: var(--c-4) }
.c-5   { color: var(--c-5) }
.c-6   { color: var(--c-6) }
.c-7   { color: var(--c-7) }
.c-8   { color: var(--c-8) }
.c-9   { color: var(--c-9) }
.c-10   { color: var(--c-10) }
.c-11   { color: var(--c-11) }
.c-12   { color: var(--c-12) }

.bc-000 { background-color: #000 }
.bc-fff { background-color: #fff }
.bc-1   { background-color: var(--c-1) }
.bc-1l  { background-color: var(--c-1l) }
.bc-2   { background-color: var(--c-2) }
.bc-3   { background-color: var(--c-3) }
.bc-4   { background-color: var(--c-4) }
.bc-5   { background-color: var(--c-5) }
.bc-6   { background-color: var(--c-6) }
.bc-7   { background-color: var(--c-7) }
.bc-8   { background-color: var(--c-8) }
.bc-9   { background-color: var(--c-9) }
.bc-10  { background-color: var(--c-10) }
.bc-11  { background-color: var(--c-11) }
.bc-12  { background-color: var(--c-12) }

.c-red { 
	color: var(--color-red);
}

