@layer base {
  html {
    font-size: 14px; /* 🔹 menšie písmo pre notebooky */
  }

  body {
    line-height: 1.55;
  }

  @media (max-width: 1024px) {
    html {
      font-size: 15px; /* 🔹 tablety – mierne väčšie */
    }
  }

  @media (max-width: 640px) {
    html {
      font-size: 16px; /* 🔹 mobily – väčšie pre čitateľnosť */
    }
  }
}