/**
 * Tipografia acessível — Sabores da Cléo
 * Escala global para melhor legibilidade (baixa visão).
 */
html {
  font-size: 18px;
  -webkit-text-size-adjust: 100%;
}

@media (min-width: 1280px) {
  html {
    font-size: 19px;
  }
}

body {
  line-height: 1.5;
}

/* Reforço das utilitárias Tailwind mais usadas no sistema */
.text-xs {
  font-size: 0.875rem !important;
  line-height: 1.35 !important;
}

.text-sm {
  font-size: 1rem !important;
  line-height: 1.5 !important;
}

.text-base {
  font-size: 1.0625rem !important;
  line-height: 1.55 !important;
}

.text-lg {
  font-size: 1.25rem !important;
  line-height: 1.45 !important;
}

.text-xl {
  font-size: 1.5rem !important;
  line-height: 1.35 !important;
}

.text-2xl {
  font-size: 1.75rem !important;
  line-height: 1.3 !important;
}

/* Rótulos de formulário e legendas */
.form-label {
  display: block;
  font-size: 0.9375rem;
  font-weight: 600;
  color: #4b5563;
  margin-bottom: 0.375rem;
  line-height: 1.4;
}

.text-caption {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #6b7280;
}

.text-kpi-label {
  font-size: 0.8125rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: #6b7280;
  line-height: 1.35;
  margin-bottom: 0.25rem;
}

/* Tabelas */
.table-readable {
  font-size: 1rem;
}

.table-readable th {
  padding: 0.875rem 1.25rem;
}

.table-readable td {
  padding: 0.875rem 1.25rem;
  vertical-align: middle;
}