/* Estados das lacunas com contraste próprio para cada tema.

   Mesma solução de fill-in-the-blanks-free-text.css: as cores saíram do
   JavaScript e vieram para
   cá porque um único tom não serve aos dois temas — o verde claro que funciona
   no escuro mede 1,2:1 sobre o fundo claro. O opacity: 1 é necessário porque o
   <select> fica disabled depois de verificar, e o esmaecimento padrão do
   navegador apagaria a resposta justamente quando ela precisa ser lida. */
.lacuna-input[data-estado="correta"] {
  border-color: #16a34a;
  color: #15803d;
  opacity: 1;
  -webkit-text-fill-color: #15803d;
}

.dark .lacuna-input[data-estado="correta"] {
  border-color: #22c55e;
  color: #86efac;
  -webkit-text-fill-color: #86efac;
}

.lacuna-input[data-estado="errada"] {
  border-color: #dc2626;
  color: #b91c1c;
  opacity: 1;
  -webkit-text-fill-color: #b91c1c;
}

.dark .lacuna-input[data-estado="errada"] {
  border-color: #ef4444;
  color: #fca5a5;
  -webkit-text-fill-color: #fca5a5;
}

.lacuna-input:disabled { cursor: not-allowed; opacity: 1; }