/* Ajustes de marca por cima do Bootstrap — cores, não layout. */

:root {
  --brand: #102f2b;
  --brand-dark: #0b211e;
  --accent: #2f9e44;
}

body {
  background-color: #f5f6f8;
}

.navbar {
  background-color: var(--brand);
}

.text-brand-accent {
  color: var(--accent);
}

.btn-primary,
.btn-dark {
  background-color: var(--brand);
  border-color: var(--brand);
}

.btn-primary:hover,
.btn-primary:focus,
.btn-dark:hover,
.btn-dark:focus {
  background-color: var(--brand-dark);
  border-color: var(--brand-dark);
}

a {
  color: var(--brand);
}

.card .card-body .text-uppercase.small {
  letter-spacing: .04em;
}

.auth-shell {
  min-height: 100vh;
  background-color: var(--brand);
}

.auth-shell .card {
  max-width: 380px;
  width: 100%;
}

/* Evita o zoom automático do Safari/iOS ao focar um campo com fonte pequena */
@media (max-width: 576px) {

  .form-control,
  .form-select {
    font-size: 16px;
  }
}