/* Modo contraste ativado via classe .modo-contraste */
body.modo-contraste {
  --cor-fundo: #000000;
  --cor-texto: #ffffff;
  --cor-primaria: #ffffff;
  --cor-secundaria: #00ff88;
}

body.modo-contraste {
  background-color: var(--cor-fundo);
  color: var(--cor-texto);
}

body.modo-contraste a {
  color: var(--cor-secundaria);
}

body.modo-contraste header,
body.modo-contraste footer {
  background-color: #111;
  color: var(--cor-texto);
}

body.modo-contraste .btn {
  background-color: var(--cor-primaria);
  color: var(--cor-texto);
  border: 1px solid var(--cor-texto);
}

body.modo-contraste .btn:hover {
  background-color: var(--cor-secundaria);
  color: #000;
}

body.modo-contraste .card,
body.modo-contraste .form {
  background-color: #111;
  color: var(--cor-texto);
  border: 1px solid var(--cor-secundaria);
}

body.modo-contraste .card h3,
body.modo-contraste .cadastro h2,
body.modo-contraste h1,
body.modo-contraste h2 {
  color: var(--cor-primaria);
}