/* ============================================ */
/* UTILITIES — classes auxiliares                */
/* Carregadas por último para priorizar override */
/* ============================================ */

/* Skip link — primeiro foco da página, oculto até receber foco. */
.skip-link {
  position: absolute;
  top: -40px;
  left: 0;
  background: var(--ink);
  color: var(--white-warm);
  padding: 0.5rem 1rem;
  z-index: 10000;
  border-radius: 0 0 4px 0;
  transition: top 0.2s var(--ease-out);
}

.skip-link:focus-visible {
  top: 0;
  outline: 2px solid var(--sage-deep);
  outline-offset: 3px;
}

/* Esconde visualmente, mantém para leitores de tela. */
.sr-only {
  position: absolute;
  width: 1px; height: 1px;
  padding: 0; margin: -1px;
  overflow: hidden;
  clip: rect(0,0,0,0);
  white-space: nowrap;
  border: 0;
}

/* Estados iniciais para reveal-on-scroll. main.js anima via gsap timeline
   ao entrar no viewport; com prefers-reduced-motion, JS força visibilidade. */
.reveal {
  opacity: 0;
  transform: translateY(40px);
}

.reveal-scale {
  opacity: 0;
  transform: scale(0.95);
}