@import "tailwindcss";

/* now add your html‐font‐size overrides: */
@layer base {
  /* default: 1rem = 16px */
  html { font-size: 16px; }

  /* on screens ≤1366px wide, scale down */
  @media (max-width: 1366px) {
    html { font-size: 13px; }
  }

  /* on screens ≤1024px, scale even more */
  @media (max-width: 1024px) {
    html { font-size: 12px; }
  }
}