/* Large viewport typography adjustments
   - Provides larger base font-size and heading sizes for very large screens
   - Assumptions: default base font-size is 16px; at >=2250px we increase to 18px, at >=3150px to 20px
   If your project uses rem units, these changes scale typographic rhythm automatically.
*/

/* >= 2250px: desktop walls / large monitors */

@media (min-width: 390px) and (max-width: 480px) {
  html {
    font-size: 20px; 
  }
}
@media (min-width: 2250px) {
  html {
    font-size: 22px; /* ~12.5% larger than 16px base */
  }

  /* Slightly larger headings for very large displays */
  h1 { font-size: 2.5rem; }
  h2 { font-size: 2.0rem; }
  h3 { font-size: 1.5rem; }
  h4 { font-size: 1.25rem; }
}

/* >= 3150px: extra-large displays (4k / presentation walls) */
@media (min-width: 3150px) {
  html {
    font-size: 32px; /* larger baseline for ultra-wide/very large screens */
  }

  /* Bigger headings for ultra-large displays */
  h1 { font-size: 3.0rem; }
  h2 { font-size: 2.25rem; }
  h3 { font-size: 1.75rem; }
  h4 { font-size: 1.375rem; }
}