:root {
  --textbackground: #fff;
  --textforeground: #222;
  --highlight: #14f;
  --codebackground: #eee;
  --hi-comment: #888;
  background-color: var(--textbackground);
  color: var(--textforeground);
  font-family: sans-serif;
  line-height: 1.5;
  margin: 0 auto;
  max-width: 80ch;
  padding: 3em 1em;
}

@media (prefers-color-scheme: dark) {
  :root {
    --textbackground: #222;
    --textforeground: #ddd;
    --highlight: #19f;
    --codebackground: #000;
  }
}

pre {
  background: var(--codebackground);
  border-left: 2px solid var(--highlight);
  padding: 1em;
  overflow-x: scroll;
}
pre code { margin-right: 1em; }

a, a:visited, span.hl-string {color: var(--highlight);}
span.hl-comment {color: var(--hi-comment);}