/* ===============================
   GLOBAL TYPOGRAPHY SCALE
   =============================== */

html {
  font-size: 17px; /* ⬅️ base size increase */
}

@media (min-width: 1024px) {
  html {
    font-size: 18px; /* desktop & large screens */
  }
}

body {
  font-family: 'Inter', system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  font-size: 1rem;
  line-height: 1.65;
  color: #0f172a;
}