/* Typography overrides — shift every Tailwind text-size class up one step.
   Loaded after tailwind.css so these win via cascade. */

.text-xs   { font-size: 0.875rem; line-height: 1.25rem; }
.text-sm   { font-size: 1rem;     line-height: 1.5rem;  }
.text-lg   { font-size: 1.25rem;  line-height: 1.75rem; }
.text-xl   { font-size: 1.5rem;   line-height: 2rem;    }
.text-2xl  { font-size: 1.875rem; line-height: 2.25rem; }
.text-3xl  { font-size: 2.25rem;  line-height: 2.5rem;  }
.text-4xl  { font-size: 3rem;     line-height: 1;       }
.text-5xl  { font-size: 3.75rem;  line-height: 1;       }

@media (min-width: 640px) {
    .sm\:text-4xl { font-size: 3rem;    line-height: 1; }
    .sm\:text-5xl { font-size: 3.75rem; line-height: 1; }
}
@media (min-width: 1024px) {
    .lg\:text-6xl { font-size: 4.5rem;  line-height: 1; }
}