/**
 * Acessibilidade editorial do EducalerNews.
 *
 * Mantém o dourado institucional em elementos decorativos e utiliza uma
 * variação de leitura apenas quando o dourado aparece como texto sobre
 * superfícies claras.
 */

:root {
  --enc-gold-ink: #806619;
}

/* Contraste WCAG AA para textos dourados sobre branco e cinza-claro. */
.enc-atlas-home .enc-kicker,
.enc-atlas-home .enc-atlas-now__heading > span,
.enc-atlas-home .enc-atlas-now__number,
.enc-atlas-home .enc-atlas-section-heading > div > span:first-child,
.enc-atlas-home .enc-home-manifesto__pillars span:first-child,
.enc-atlas-home .enc-home-trust__links b,
.enc-atlas-home .enc-editorial-cover__top small,
.enc-atlas-home .enc-text-link span,
.post-723 .enc-archive-card__tax,
.post-723 .enc-archive-card__tax a {
  color: var(--enc-gold-ink);
}

/* O acervo possui fundo escuro; nele, o dourado claro permanece legível. */
.enc-atlas-home .enc-atlas-archive .enc-kicker {
  color: var(--enc-gold-soft);
}

/* Foco visível em superfícies claras e escuras. */
:where(a, button, input, select, textarea, [tabindex]):focus-visible {
  outline: 2px solid #ffffff;
  outline-offset: 2px;
  box-shadow: 0 0 0 5px var(--enc-gold-ink);
}

/* Controles essenciais respeitam uma área mínima de toque no celular. */
@media (max-width: 782px) {
  .enc-atlas-menu-toggle,
  .enc-atlas-icon-button,
  .enc-mobile-bar a,
  .enc-mobile-bar button,
  [data-enc-search-close] {
    min-width: 44px;
    min-height: 44px;
  }
}

/* Evita animações involuntárias para leitores que pedem menos movimento. */
@media (prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
  }
}

@media (forced-colors: active) {
  :where(a, button, input, select, textarea, [tabindex]):focus-visible {
    outline: 2px solid CanvasText;
    box-shadow: none;
  }
}