:root {
  --bg-color: #EEE;
  --hover: #0BC;
  --link-color: #089;
  --text-color: #111;
  --visited: #056;

  --spacing: 2em;
  --spacing-half: calc(var(--spacing) / 2);
  --spacing-double: calc(var(--spacing) * 2);
  --viewport-break: calc(var(--spacing) * 32);
}

@media (prefers-color-scheme: dark) {
  :root {
    --bg-color: #111;
    --hover: #0DE;
    --link-color: #0BC;
    --text-color: #EEE;
    --visited: #089;
  }
}