:root {
  /* This enables the light-dark() function and default browser colors */
  color-scheme: light dark;
  
  /* Use functional variables for consistency */
  --bg-color: light-dark(#babcff, #000000);
  --text-color: light-dark(#000000, #babcff);
  --marquee: light-dark(#ffffff, #0055ff);
  --bottom: light-dark(#8a8cbb, #333333);
}

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

a:link {
  color: black;
}

/* visited link */
a:visited {
  color: black;
}

/* mouse over link */
a:hover {
  color: black;
}

/* selected link */
a:active {
  color: black;
}