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

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);
}