/* Light mode */
/* ------------------------------------------------- */
@media (prefers-color-scheme: light) {
	:root {
		--body-bg: #f9f9f9;
		--box-bg: #fff;
		--text-color: #434B54;
	}
}

body.theme-light {
	--body-bg: #f9f9f9 !important;
	--box-bg: #fff !important;
	--text-color: #434B54 !important;
}
/* ------------------------------------------------- */







/* Dark mode */
/* ------------------------------------------------- */
@media (prefers-color-scheme: dark) {
	:root {
		--body-bg: #242424;
		--box-bg: #2f2f2f;
		--text-color: #fff;
	}
}

body.theme-dark {
	--body-bg: #242424 !important;
	--box-bg: #2f2f2f !important;
	--text-color: #fff !important;
}
/* ------------------------------------------------- */