:root{
  --brand: #0ea5a0;        /* teal-ish */
  --brand-600: #0a8f8a;
  --brand-50: #f0fffd;
  --ink: #20323c;
}
body{ color: var(--ink); }
.navbar{ border-bottom: 3px solid var(--brand-50); }
.btn-brand{ background: var(--brand); color: #fff; border: none; }
.btn-brand:hover{ background: var(--brand-600); color:#fff; }
.card-brand{ border-radius: 18px; box-shadow: 0 8px 24px rgba(0,0,0,.05); }
.footer-bblkl{ font-size:.95rem; }
.footer-bblkl a{ color: inherit; text-decoration: none; }
.footer-bblkl .muted{ color:#6c757d; }