/* ===============================
   CSS Reset & globale Defaults
   =============================== */

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

html {
  -webkit-text-size-adjust: 100%;
  scroll-behavior: smooth;
  overflow-y: auto;
  overflow-x: hidden;
  height: auto;
}

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

/* optional, aber ok */
html, body {
  scrollbar-gutter: auto;
}