:root {
	--light-color: #ffffff;
	--dark-color: #000000;
	--gray-color: #8c8c8c;
	--gray-bg: #b0b0b0;
	--light-gray: #f4f4f4;
	--primary-color: #2e31fc;
	--dark-color1: #222223;
}

/* color comman css */
.light-color {
	color: var(--light-color);
}

.blue-color {
	color: var(--primary-color) !important;
}
.blue-bg {
	background-color: var(--primary-color) !important;
}

.light-gray {
	color: var(--light-gray);
}

.dark-color {
	color: var(--dark-color);
}
.dark-color1 {
	color: var(--dark-color1);
}
.gray-color {
	color: var(--gray-color);
}

/* backrounds color comman css   */
.light-bg {
	background-color: var(--light-color);
}

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

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

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