/* ══════════════════════════════════════════════════════════════
   a11y.css — Camada de LEGIBILIDADE do Gold Metrics
   Foco: público de meia-idade pra cima (contraste + tamanho).
   Carregada DEPOIS do <style> de cada página, então sobrepõe.
   Para ajustar a intensidade, mexa só nos números deste arquivo.
   ══════════════════════════════════════════════════════════════ */

/* ── 1) CONTRASTE ──────────────────────────────────────────────
   Texto secundário/terciário menos apagado. Vale no app todo,
   inclusive onde a cor é usada inline via var(--text3). */
:root {
  --text2: #c2c2d0;   /* era #9898a8 */
  --text3: #9a9ab0;   /* era #5a5a6e (muito apagado no escuro) */
}
[data-theme="light"] {
  --text2: #353550;   /* era #4a4a6a */
  --text3: #54546f;   /* era #8888a8 (muito apagado no claro) */
}

/* ── 2) FONTE BASE ─────────────────────────────────────────────
   Um pouco maior e com mais respiro entre linhas. */
body { font-size: 15px; line-height: 1.6; }

/* Sobe os textos PEQUENOS aplicados inline, sem editar o HTML.
   (pega o style="font-size:Npx" e ajusta com prioridade) */
[style*="font-size:10px"] { font-size: 12px !important; }
[style*="font-size:11px"] { font-size: 13px !important; }
[style*="font-size:12px"] { font-size: 13.5px !important; }

/* ── 3) BOTÕES E CAMPOS ────────────────────────────────────────
   Maiores e mais fáceis de acertar (alvo confortável). */
.btn-save, .btn-ghost,
.trk-btn, .trk-copy-btn, .trk-verify-btn {
  font-size: 15px;
  min-height: 46px;
  padding: 12px 24px;
}
.btn-sm { font-size: 14px; padding: 9px 18px; min-height: 40px; }

/* Abas do menu — maiores e mais legíveis */
.nav-tab {
  font-size: 15px;
  padding: 11px 18px;
  gap: 7px;
}

/* Botões de moeda (R$/US$) e idioma (PT/EN): têm estilo INLINE no HTML,
   por isso precisam de !important pra sobrepor. */
#btnBRL, #btnUSD, #btnPT, #btnEN, .currency-btn {
  font-size: 14.5px !important;
  padding: 9px 20px !important;
  border-radius: 8px !important;
}

/* Campos de formulário acompanham o tamanho dos botões */
input, select, textarea {
  font-size: 14.5px;
  min-height: 40px;
}

/* Toggles (liga/desliga) NÃO devem crescer — mantêm o tamanho original */
.trk-toggle, .prodSelTgl { min-height: 0 !important; padding: 0 !important; }