:root {
  font-size: max(16px, 0.9vw);
  color-scheme: light;
}

@media (max-width: 767.98px) {
  :root {
    font-size: 16px!important;
  }
}

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
  overflow-y: scroll;
  overflow-x: clip;
  height: auto;
  scrollbar-gutter: stable;
  background-color: var(--color-bg);
}

body {
  font-family: var(--font-primary);
  font-optical-sizing: auto;
  font-weight: 300;
  background-color: var(--color-bg);
  color: var(--color-text);
  height: auto;
  min-height: 100%;
  overflow-x: clip;
}

/* Schutz gegen erzwungenen Dark Mode */
@media (prefers-color-scheme: dark) {
  :root {
    color-scheme: light;
  }

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