:root {
  /* This enables the light-dark() function and default browser colors */
  color-scheme: light dark;
  
  /* Use functional variables for consistency */
  --bg-color: light-dark(#00aaff, #000000);
  --text-color: light-dark(#000000, #00aaff);
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}
a:link {
  color: var(--text--color);
}

/* visited link */
a:visited {
 color: var(--text--color);
}

/* mouse over link */
a:hover {
  color: var(--text--color);
}

/* selected link */
a:active {
  color: var(--text--color);
}