:root {
  --background: #fff;
  --background-light: #eee;
  --text: #222;
  --text-visited: #551a8b;
  --text-link: #0069c2;
}

@media (prefers-color-scheme: dark) {
  :root {
    --background: #1b1b1b;
    --background-light: #333;
    --text: #fff;
    --text-visited: #ffadff;
    --text-link: #8cb4ff;
  }
}

body {
  font-family: sans-serif;
  color: var(--text);
  background-color: var(--background);
}

footer {
  margin-top: 5em;
  padding: 1em;
  background: var(--background-light);
}

a:not(.button)
{
  color: var(--text-link);
}

a:not(.button):visited
{
  color: var(--text-visited);
}