/* Readable text sizes for the customer portal and Tailwind-based layouts.
   Keep the root size unchanged so spacing and breakpoints remain stable. */
body {
  font-size: 17px;
  line-height: 1.6;
}

button, input, select, textarea {
  font-size: 16px;
  line-height: 1.5;
}

.text-xs { font-size: 14px; line-height: 1.5; }
.text-sm { font-size: 16px; line-height: 1.5; }
.text-base { font-size: 17px; line-height: 1.6; }
.text-lg { font-size: 20px; line-height: 1.5; }
.text-xl { font-size: 22px; line-height: 1.4; }
.text-2xl { font-size: 26px; line-height: 1.35; }
.text-3xl { font-size: 32px; line-height: 1.25; }
.text-4xl { font-size: 38px; line-height: 1.2; }
.text-5xl { font-size: 50px; line-height: 1.15; }
.badge-purple { font-size: 14px; line-height: 1.5; }

@media (min-width: 768px) {
  .md\:text-3xl { font-size: 32px; line-height: 1.25; }
  .md\:text-4xl { font-size: 38px; line-height: 1.2; }
}