:root {
	--bg-main-color: #ffffff;
	--bg-navbar-color: #fdfdfd;
	--bg-footer-color: #fdfdfd;
	--bg-black-color: #000000;
	--bg-black-hover-color: #404448;
	--bg-gray-color: #f0f0f0;
	--bg-gray-hover-color: #fdfdfd;
	--bg-light-gray-color: #e2e4e6;
	--bg-light-gray-hover-color: #f2f4f6;
	--bg-btn-black-color: #000000;
	--bg-btn-black-hover-color: #303438;
	--bg-btn-white-color: #ffffff;
	--bg-btn-white-hover-color: #d0d0d0;
	--bg-btn-gray-color: #f0f0f0;
	--bg-btn-gray-hover-color: #fdfdfd;
}

:root {
	--font-primary-color: #212529;
	--font-primary-hover-color: #313539;
	--font-text-primary-color: #212529;
	--font-text-primary-hover-color: #313539;
	--font-error-red-color: #f32c1e;
	--font-footer-color: #606468;
	--font-navlink-color: #242528;
	--font-navlink-hover-color: #0e579b;
	--font-navbar-brand-color: #242528;
	--font-btn-black-color: #ffffff;
	--font-btn-black-color-hover-color: #ffffff;
	--font-btn-white-color: #000000;
	--font-btn-white-hover-color: #000000;
	--font-btn-gray-color: #212529;
	--font-btn-gray-hover-color: #212529;
}

:root {
	--separator-color: #e2e4e6;
	--outline-red-color: #f44336;
	--border-light-gray-color: #e2e4e6;
	--border-light-blue-gray-color: #dee2e6;
	--border-gray-color: #7e7e7e80;
	--border-dark-gray-color: #7e7e7e;
	--box-gray-color: #d2d4d6;
}

:root {
	
}