:root {
	--font-color: #000;
	--background-color: #eee;
	--body-color:#fff;
	--link-color: #00a;
	--pre-bg-color: #000;
	--pre-color: #fff;
	--grad-dir:0deg;
	--grad-col-beg:#ccc;
	--grad-col-end:#fff;
	--border-color:#ccc;
	--outline-color:#f00;
	--mn-width:11.5em;
	--nav-ul-width: 9em;
	--form-bg-color: #ddd;
	--form-bd-color: #000;
	--img-opacity: 1;
}

@media screen and  (prefers-color-scheme: dark) {
	:root:not(html[mode=light]) {
		color-scheme: dark;
		--font-color: #eee;
		--background-color: #333;
		--body-color:#000;
		--pre-color:#eee;
		--link-color: #ff0;
		--pre-bg-color: #000;
		--pre-color: #0e0;
		--grad-dir:180deg;
		--grad-col-beg:#000;
		--grad-col-end:#555;
		--border-color:#777;
		--outline-color:#ff0;
		--form-bg-color: #444;
		--form-bd-color: #eee;
		--img-opacity: .92;
	}
}