:root {
supported-color-schemes: light dark; /* color-scheme: light dark; */
--body-color:#600000; --body-background-color:#fffff0;
--h1-color:#ffb000; --h1-text-shadow: #602000;
--h2-color:#ff5000;
--h3-color:#ff0080;
--b-color:#ff0000;
--hr-color:#fff000;
--table-border-color:#600000; /* for IE */
}
@media (prefers-color-scheme: dark) {
:root {
--body-color:#a0ffff; --body-background-color:#000010;
--h1-color:#0050ff; --h1-text-shadow: #a0e0ff;
--h2-color:#00b0ff;
--h3-color:#00ff80;
--b-color:#00ffff;
--hr-color:#0010ff;
--table-border-color:#a0ffff; /* for IE */
}
}
body { color:var(--body-color); background-color:var(--body-background-color) }
h1 { color:var(--h1-color); text-shadow: 3px 3px 2px var(--h1-text-shadow) }
h2 { color:var(--h2-color) }
h3 { color:var(--h3-color) }
b, th { color:var(--b-color) }
hr { color:var(--hr-color); height:0px; border-top:2px solid; border-left:0; border-bottom:0; border-right:0 }
table { border-color:var(--table-border-color) } /* for IE */