body {
  background-color: #f8f9fa;
}

/* Centraliza vertical e horizontalmente o formulário de login */
.login-container {
    min-height: 100vh;             /* ocupa altura total da janela */
    display: flex;                 /* flexbox */
    justify-content: center;       /* horizontal */
    align-items: center;           /* vertical */
    background: #f8f9fa;           /* cor de fundo suave */
}
.login-card {
    max-width: 400px;
    width: 100%;
    padding: 2rem;
    border-radius: 0.75rem;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
    background-color: #ffffff;
}
.login-container {
    background: linear-gradient(135deg, #eb6a2f, #f6863b);
}

.card-link {
  text-decoration: none;
  color: inherit;
  transition: transform .2s;
}
.card-link:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}

:root {
  --cor-primaria: #1E3A8A;
  --cor-secundaria: #F59E0B;
}

.navbar {
  background-color: var(--cor-primaria) !important;
}

.btn-primary {
  background-color: var(--cor-primaria);
  border-color: var(--cor-primaria);
}
.btn-primary:hover {
  background-color: #152c66;
}

.card-link:hover {
  transform: translateY(-5px);
  box-shadow: 0 0.75rem 1.5rem rgba(0,0,0,.15);
}