:root {
supported-color-schemes: light dark; /* color-scheme: light dark; */
--body-color:#000090; --body-background-color:#f4fcff;
--h1-color:#00d0ff; --h1-text-shadow: #0000ff;
--h2-color:#e000ff;
--h3-color:#9000ff;
--b-color:#0000ff;
--hr-color:#80ffff;
--table-border-color:#000090; /* for IE */
}
@media (prefers-color-scheme: dark) {
:root {
--body-color:#ffff70; --body-background-color:#110300;
--h1-color:#ff3000; --h1-text-shadow: #ffff00;
--h2-color:#20ff00;
--h3-color:#70ff00;
--b-color:#ffff00;
--hr-color:#800000;
--table-border-color:#ffff70; /* 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 */