:root {
  --bg-color: #f9fafc;
  --text-color: #000;
}

[data-theme="dark"] {
  --bg-color: #000;
  --text-color: #f9fafc;
}

body {
  background-color: var(--bg-color);
  color: var(--text-color);
  transition: background-color 0.3s, color 0.3s;
}
body:not(.home) .topimage__section {
  background-color: var(--bg-color);
}
.topimage h1 {
  color: var(--text-color);
}
h1, h2, h3, h4, h5, h6, p, a, p a, li a {
  color: var(--text-color);
} 
.mainmenu li a {
  color: var(--text-color);
}
.footer-contact-info-text p a {
  color: #000;
}
@media (max-width: 768px) {
  .mainmenu {
    background: var(--bg-color);
  }
}
#toggle-theme {
	position: absolute;
    top: calc(100vh - 36px);
    left: 0;
    padding: 0.5rem 1rem;
}
@media (max-width: 768px) {
    #toggle-theme {
        top: 0;
        right: 0;
        left: auto;
    }
}