:root {
    --bg-color: #fff;
    --font-color: #555;
    --link-color: #808fff;
    --h1-color: inherit;
    --h3-color: inherit;
}

body {
  font-family: system-ui;
  color: var(--font-color);
  background-color: var(--bg-color);
  max-width: 74ch;
  padding: 0 1rem;
  line-height: 1.5;
  margin: auto;
  font-size: clamp(1em, 0.909em + 0.45vmin, 1.25em);
}

a     { color: var(--link-color); }
h1,h2 { color: var(--h1-color); }
h3    { color: var(--h3-color); }

dl {
    display: inline-grid;
    grid-template-columns: auto auto;
    width: auto;
}

dt {
    font-style: oblique;
}

@media (prefers-color-scheme: dark) {
    :root {
	    --bg-color: #262626;
        --font-color: #ccc;
        --link-color: #809fff;
        --h1-color: #fff;
        --h3-color: #eee;
    }
}