/* Gerado por build_site.py: espelha, sob prefers-color-scheme, o que
   tokens.css e site.css so declaram sob [data-theme="dark"].
   Sem isto, quem nao escolheu tema fica com a paleta trocada.
   NAO editar: rode o script. */

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --m2i-superficie:         var(--m2i-navy-950);
    --m2i-superficie-elevada: #2A2B50;
    --m2i-superficie-afundada:#191A33;
    --m2i-borda:              #3A3B63;
    --m2i-borda-forte:        var(--m2i-navy-600);
    --m2i-texto:              var(--m2i-neutro-100);
    --m2i-texto-suave:        var(--m2i-neutro-400);
    --m2i-texto-inverso:      var(--m2i-navy-950);
    --m2i-acao:               var(--m2i-navy-400);
    --m2i-acao-hover:         var(--m2i-navy-300);
    --m2i-acao-texto:         var(--m2i-navy-950);
    --m2i-foco:               var(--m2i-navy-400);
    --m2i-assinatura:         var(--m2i-laranja-400);
  }
  :root:not([data-theme="light"]) { --regua: var(--m2i-laranja-500);
  }
  :root:not([data-theme="light"]) .marca-claro { display: none;
  }
  :root:not([data-theme="light"]) .marca-escuro { display: block;
  }
  :root:not([data-theme="light"]) .heroi { background: var(--m2i-superficie-afundada);
  }
  :root:not([data-theme="light"]) .fechamento { background: var(--m2i-superficie-afundada);
  }
  :root:not([data-theme="light"]) .rodape { background: var(--m2i-superficie-afundada);
  }
  /* No escuro o campo afunda: superficie e a mesma cor da pagina, e campo da
   cor do fundo so se ve pela borda. color-scheme escurece o menu nativo
   do select, que o navegador desenha fora do nosso CSS. */
:root:not([data-theme="light"]) .contato-form input,
:root:not([data-theme="light"]) .contato-form select,
:root:not([data-theme="light"]) .contato-form textarea {
  background: var(--m2i-superficie-afundada);
  color-scheme: dark;
  }
  :root:not([data-theme="light"]) .registro-sigla,
:root:not([data-theme="light"]) .ficha-sigla { color: var(--m2i-laranja-400);
  }
}