html {
  /* Domyślnie mniejszy font dla high-DPI ekranów (MacBooki, Retina) */
  font-size: 13px;
}

/* Standardowe ekrany - fluid font-size skaluje się z viewport */
@media screen and (-webkit-max-device-pixel-ratio: 1.5) {
  html {
    /* Płynne skalowanie: ~13px przy 1280px → 16px przy 1920px+ */
    font-size: clamp(13px, 0.47vw + 6px, 16px);
  }
}

/* Standardowe ekrany - Firefox/IE */
@media screen and (max-resolution: 144dpi) {
  html {
    font-size: clamp(13px, 0.47vw + 6px, 16px);
  }
}

/* Duże zewnętrzne monitory (1920px+) - pełny rozmiar */
@media screen and (min-width: 1920px) and (-webkit-max-device-pixel-ratio: 1.5) {
  html {
    font-size: 16px;
  }
}

html, body {
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
}

.root {
  display: flex;
  flex-direction: column;
  height: 100%;
}