/* SEELE — as preferências do sistema, por último.
   Última folha da lista de propósito. As duas regras de contraste sobrescrevem
   `.rotulo` (de `base.css`), `.painel-titulo` e `.roster .pessoa` (de
   `tela-sessao.css`) com **a mesma especificidade** — elas ganham por ordem de
   fonte, e só por isso. Mover este arquivo para antes das folhas de tela
   desliga o modo de mais contraste em silêncio. */

/* ---------- acessibilidade ---------- */

/* specs/06-clientes-gui.md: modo sem cor, e daltonismo é comum no público. Aqui
   a forma e o texto continuam suficientes — a marca de bloco e o número
   acompanham toda sinal. */
@media (prefers-contrast: more) {
  .roster .pessoa { color: var(--seele-osso); }
  /* `.coordenada` entra pela mesma razão que `.painel-titulo`: é o nome do
     painel, e sem ele não dá para dizer qual painel é aquele. */
  .rotulo, .painel-titulo, .coordenada { color: var(--seele-osso); }
  /* O valor ausente sobe junto, ou o travessão que diz "não existe" some
     justamente para quem pediu mais contraste — e a ausência vira silêncio. */
  .ausente, .legenda-ausente { color: var(--seele-osso); }
}

/* Nenhuma animação carrega informação, então desligar todas não perde nada. */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }

  /* A varredura para; ela não some. A textura é o fundo da interface, e retirá-la
     de quem pediu menos movimento entregaria uma tela **diferente** — a
     preferência é sobre movimento, não sobre aparência.

     A faixa fica estacionada no meio da janela. Sem isto ela pararia sem
     `transform` nenhum, colada na borda de cima — o único ponto do percurso em
     que ela parece cortada, e não pousada. Parado é para parecer parado, não
     interrompido. */
  .varredura::after { transform: translateY(900%); }
}
