:root {
	color-scheme: light;
	--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;
}
@media screen and (prefers-color-scheme: light) {
:root {
	color-scheme: light;
	--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;
}
@media screen and (prefers-color-scheme: dark) {
:root {
	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;
}
}