:root {
  --cor-primaria: #2e7d32; /* verde */
  --cor-primaria-clara: #66bb6a;
  --cor-fundo: #ffffff;
  --cor-texto: #212529;
  --cor-carta: #ffffff;
}

body.tema-escuro {
  --cor-primaria: #66bb6a; /* verde claro */
  --cor-primaria-clara: #81c784;
  --cor-fundo: #2b2b2b; /* cinza escuro */
  --cor-texto: #ffffff;  /* texto branco obrigatório */
  --cor-carta: #3a3a3a;
}

html, body {
  height: 100%;
}

body {
  display: flex;
  flex-direction: column;
  background-color: var(--cor-fundo);
  color: var(--cor-texto);
}

#topo {
  background: var(--cor-primaria);
}

.navbar .nav-link, .navbar .navbar-brand { color: #fff; }
.navbar .nav-link.active, .navbar .nav-link:hover { color: #e3f2fd; }

.btn-primary,
.btn-outline-primary:hover {
  background-color: var(--cor-primaria);
  border-color: var(--cor-primaria);
}

.card {
  background-color: var(--cor-carta);
}

.bg-body-tertiary {
  background-color: var(--cor-carta) !important;
}

.text-muted { color: rgba(0,0,0,.6); }
body.tema-escuro .text-muted { color: rgba(255,255,255,.7) !important; }

/* Utilitários */
.cursor-pointer { cursor: pointer; }