aside, caption, button, .button, input[type=button], input[type=submit], footer, .tiles > * {
  color: white;
  background-color: #777;
}

aside, caption, th, td, .border, .tiles > * {
  border-color: #000;
}

aside, th, td .caption {
  background-color: #DDD;
}

input {
  accent-color: #000;
}

footer a:link {
  color: yellow;
}
footer a:visited {
  color: orange;
}

.highlight {
  background: yellow;
}

.button:visited {
  color: white;
}

input {
  outline-color: black;
}

@media (prefers-color-scheme: dark) {
  aside, caption, button, .button, input[type=button], input[type=submit], footer, .tiles > * {
    color: #e0e0e0;
    background-color: #3a3a3a;
  }
  aside, caption, th, td, .border, .tiles > * {
    border-color: #555;
  }
  aside, th, td .caption {
    background-color: #2a2a2a;
  }
  input {
    accent-color: #bbb;
  }
  input {
    outline-color: #888;
  }
  .highlight {
    background: #6b5c00;
  }
  input[type=checkbox] {
    filter: invert(0.85) hue-rotate(180deg);
  }
}