@media (prefers-color-scheme: light) {
  header {
    background: var(--primary-ultra-dark);
  }
  main {
    background: var(--white);
  }
  main :is(h1, h2, h3, h4, h5, h6, p, blockquote, cite) {
    color: var(--base);
  }
  main a:not(header a, footer a, button) {
    color: var(--base) !important;
    transition: all 0.3s ease-in-out;
    box-shadow: inset 0 -0.14rem 0 0 var(--base) !important;
  }
  main a:hover:not(header a, footer a, button) {
    box-shadow: inset 0 -1rem 0 0 var(--action) !important;
  }
}