: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);
  --h1: light-dark(#000000, #ffffff);
  }

body {
  background-color: var(--bg-color);
  color: var(--text-color);
}
h1 {
  color: var(--h1);
  }
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);
}