:root {
  --brand: #12576d;
  --brand-strong: #0a3b4b;
  --brand-accent: #16806d;
  --bg: #edf6f4;
  --surface: #ffffff;
  --text: #16272b;
  --muted: #526a66;
}

body {
  background:
    radial-gradient(circle at top left, rgba(18, 87, 109, 0.08), transparent 24rem),
    linear-gradient(180deg, #fbfffd 0%, var(--bg) 100%);
  color: var(--text);
}

.text-brand {
  color: var(--brand) !important;
  font-weight: 850;
}

.btn-brand {
  background-color: var(--brand) !important;
  border-color: var(--brand) !important;
  color: #fff !important;
  font-weight: 800;
}

.btn-brand:hover,
.btn-brand:focus {
  background-color: var(--brand-strong) !important;
  border-color: var(--brand-strong) !important;
  color: #fff !important;
}

.btn-outline-brand {
  background: transparent !important;
  color: var(--brand) !important;
  border-color: rgba(18, 87, 109, 0.35) !important;
  font-weight: 800;
}

.btn-outline-brand:hover,
.btn-outline-brand:focus {
  background: rgba(18, 87, 109, 0.08) !important;
  border-color: rgba(18, 87, 109, 0.45) !important;
  color: var(--brand-strong) !important;
}

/* Ajustes suaves para alertas ficarem na mesma paleta da "casca" */
.alert-success {
  background: rgba(22, 128, 109, 0.12) !important;
  border-color: rgba(22, 128, 109, 0.35) !important;
  color: var(--text) !important;
}

.alert-warning {
  background: rgba(18, 87, 109, 0.08) !important;
  border-color: rgba(18, 87, 109, 0.25) !important;
  color: var(--text) !important;
}

.alert-danger {
  background: rgba(217, 72, 72, 0.08) !important;
  border-color: rgba(217, 72, 72, 0.35) !important;
  color: var(--text) !important;
}