:root {
  --cta-blue:  #1A5276;
  --cta-green: #1E8449;
  --cta-court: #C8A96E;
}

/* Hero */
.hero {
  background: linear-gradient(135deg, var(--cta-blue) 0%, #2E86C1 100%);
  min-height: 420px;
  display: flex;
  align-items: center;
}

/* Navbar */
.bg-primary { background-color: var(--cta-blue) !important; }

/* Mobile */
@media (max-width: 576px) {
  .hero { min-height: 300px; }
  .display-5 { font-size: 1.8rem; }
}