:root {
	--body-color: #fafafa;
	--dark-color: #000000;
	--secondary-color: #3147ff;
	--primary-color: #0a102f;
	--extra-color-1: #bef8fc;
	--extra-color-2: #ffffff;
	--extra-color-3: #0a102fb3;
	--extra-color-4: #fafafa;
	--extra-color-5: #ffffffcc;
	--extra-color-6: #0a102fcc;
	--extra-color-7: #f9f9f9;
}
.body-color {
	color: var(--body-color);
}
.dark-color {
	color: var(--dark-color);
}
.secondary-color {
	color: var(--secondary-color);
}
.primary-color {
	color: var(--primary-color);
}
.extra-color-1 {
	color: var(--extra-color-1);
}
.extra-color-2 {
	color: var(--extra-color-2);
}
.extra-color-3 {
	color: var(--extra-color-3);
}
.extra-color-4 {
	color: var(--extra-color-4);
}
.extra-color-5 {
	color: var(--extra-color-5);
}
.extra-color-6 {
	color: var(--extra-color-6);
}
.extra-color-7 {
	color: var(--extra-color-7);
}
.body-bg {
	background-color: var(--body-color);
}
.dark-bg {
	background-color: var(--dark-color);
}
.secondary-bg {
	background-color: var(--secondary-color);
}
.primary-bg {
	background-color: var(--primary-color);
}
.extra-bg-1 {
	background-color: var(--extra-color-1);
}
.extra-bg-2 {
	background-color: var(--extra-color-2);
}
.extra-bg-3 {
	background-color: var(--extra-color-3);
}

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

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

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

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