:root {
  --brand-green: #123f35;
  --brand-green-2: #1d5b4b;
  --brand-gold: #c9a64b;
  --brand-cream: #f7f5ed;
}
body { background: #f5f7f8; color: #202a27; }
.app-navbar { background: var(--brand-green); }
.btn-primary { background: var(--brand-green-2); border-color: var(--brand-green-2); }
.btn-primary:hover, .btn-primary:focus { background: var(--brand-green); border-color: var(--brand-green); }
.login-page { background: linear-gradient(135deg, var(--brand-cream), #eef3ef); }
.login-card { max-width: 460px; border-radius: 1rem; }
.brand-mark {
  width: 56px; height: 56px; display: inline-flex; align-items: center; justify-content: center;
  border-radius: 16px; background: var(--brand-green); color: var(--brand-gold);
  font-weight: 800; font-size: 1.25rem; letter-spacing: .04em;
}
.module-card { border-radius: .9rem; }
.form-control { border-radius: .65rem; }
@media (max-width: 575.98px) {
  .login-card .card-body { padding: 1.5rem !important; }
}