:root {
	--color-dark: #1D1D1D;
	--color-blue: #003C74;
	--color-vivid-blue: #02538d;
	--color-orange: #EB7100;
	--color-light: #F7F6F7;
	--color-light-blue: #AAEBF1;
	--color-gray: #575756;
	--color-light-gray: #aaaaa9;
	counter-reset: my-sec-counter;
}

.has-blue-color {
	color: var(--color-vivid-blue);
}

.has-blue-background-color {
	background-color: var(--color-vivid-blue);
}

.has-orange-color {
	color: var(--color-orange);
}

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

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

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

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

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

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

.has-light-blue-background-color {
	background-color: var(--color-light-blue);
}

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