:root {
  --ama-primary: #2c3e50;
  --ama-secondary: #34495e;
}

.hero-section {
  min-height: 60vh;
  background: var(--bs-dark);
  position: relative;
}

.mission-section {
  background-color: var(--bs-dark);
  padding: 4rem 0;
}

.nav-link {
  color: var(--bs-light) !important;
}

.nav-link:hover {
  color: var(--bs-info) !important;
}

.footer {
  background-color: var(--bs-dark);
  padding: 2rem 0;
}

/* Mobile responsive adjustments */
@media (max-width: 768px) {
  .hero-section {
    min-height: 40vh;
  }
  
  .navbar-brand {
    font-size: 1.2rem;
  }
}