/* Mr.DBA — correções de acessibilidade sobre o design system.
   Carregar SEMPRE depois dos tokens do _ds/, igual ao responsive.css.
   Vive fora do _ds/ de propósito: o Claude Design reexporta aquela pasta
   e apagaria estas correções.

   Origem: /impeccable critique em 27/07/2026 mediu 11 pares texto/fundo
   abaixo de WCAG AA 4.5:1 na página /scripts. A causa não era a página,
   eram os tokens, usados em 8 a 15 das 22 páginas do site. */

:root {
  /* --text-faint era #9DACBA: 2.32:1 sobre branco e 2.12:1 sobre a página.
     Praticamente ilegível, e usado justamente nos rótulos que dão sentido
     às colunas de tabela e aos grupos de filtro. Usado só como `color`
     (20 ocorrências), então escurecer não afeta nenhuma decoração. */
  --text-faint: #5A6E82;   /* 5.27:1 branco · 4.81:1 página */

  /* --text-muted era #5F7387: passava no branco (4.90) mas falhava por
     0.03 sobre a superfície da página (4.47). Escurecido o suficiente
     para passar nos dois, e para continuar mais escuro que o faint,
     preservando a hierarquia de três níveis. */
  --text-muted: #506375;   /* 6.21:1 branco · 5.67:1 página */

  /* --action-primary era #DC4030: texto branco em cima dava 4.36:1.
     Atinge todo botão primário do site, incluindo o "Health Check
     gratuito". Usado só como `background` (30 ocorrências), então
     escurecer não muda nenhum texto vermelho. */
  --action-primary: #C63626;   /* branco em cima: 5.31:1 */
}

/* O --red-500 (#DC4030) continua como está de propósito.
   São 284 usos como cor de texto, e boa parte é título grande, onde a
   regra do WCAG é 3:1 e ele já passa. Escurecer o vermelho da marca
   inteiro para corrigir um quase-erro em texto pequeno seria corrigir
   demais. O certo é trocar caso a caso por --red-600 (#BE3325, 5.20:1
   sobre a página) onde o texto for pequeno. */