/* ==========================================================================
   Folha de estilos de Acessibilidade — soropositivo.org
   Foco: leitura assistida, baixa visão e usuários que dependem de leitores
   de tela / navegação por teclado.

   Regras principais:
   1. Links sempre sublinhados com traço duplo (não apenas no hover/foco),
      para que quem não distingue cor consiga identificar links pelo formato.
   2. Cores mantidas nos padrões do navegador (não sobrescrevemos color,
      background-color, etc. de forma geral).
   3. Títulos (h1–h6) sempre centralizados e em vermelho, para dar
      identidade visual forte e alto contraste às seções do texto.
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. Links — sublinhado duplo permanente
   -------------------------------------------------------------------------- */

a,
a:link,
a:visited,
a:hover,
a:focus,
a:active {
  text-decoration: underline;
  text-decoration-style: double;
  text-underline-offset: 3px; /* separa o traço do texto, melhora legibilidade */
}

/* Garante que o sublinhado não desapareça em links dentro de menus,
   botões estilizados como link, etc. */
nav a,
.entry-content a,
.widget a,
footer a {
  text-decoration: underline;
  text-decoration-style: double;
}

/* Foco visível reforçado para navegação por teclado (Tab),
   sem alterar a cor do link — apenas contorno */
a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}

/* --------------------------------------------------------------------------
   2. Cores — mantemos os padrões do CSS/navegador
   -------------------------------------------------------------------------- */

/* Nenhuma regra de "color" ou "background-color" genérica é definida aqui
   de propósito, para preservar as cores padrão do navegador/tema.
   As duas únicas exceções intencionais são os títulos (seção 3) e o
   sublinhado duplo dos links (seção 1), que usam "currentColor" quando
   aplicável — ou seja, herdam a cor já existente em vez de defini-la. */

/* --------------------------------------------------------------------------
   3. Títulos — centralizados e vermelhos
   -------------------------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
  text-align: center;
  color: red;
}

/* Tamanhos modestos e escalonados — evita que o tema exiba títulos
   gigantes só porque agora estão em destaque (vermelho, centralizado).
   Acessível não precisa ser espalhafatoso. */
h1 { font-size: 1.6em; }
h2 { font-size: 1.35em; }
h3 { font-size: 1.15em; }
h4,
h5,
h6 { font-size: 1em; }

/* --------------------------------------------------------------------------
   4. Extras de acessibilidade recomendados (opcionais)
   Comente ou remova este bloco se não quiser aplicá-lo.
   -------------------------------------------------------------------------- */

/* Aumenta um pouco o espaçamento entre linhas do corpo do texto,
   facilitando a leitura para quem tem dislexia ou baixa visão. */
.entry-content,
article p {
  line-height: 1.6;
}

/* Impede que imagens sem alt quebrem o layout ou fiquem enormes,
   e reforça contorno em imagens sem descrição para chamar atenção
   de quem está revisando o conteúdo. */
img:not([alt]) {
  outline: 3px dashed red;
}