.navbar {
  background-color: var(--color-bg-soft);
  backdrop-filter: blur(6px);
}

.navbar-brand img {
  height: 28px;
}

.nav-link {
  font-weight: 600;
  color: var(--color-text-main);
}

.nav-link:hover {
  color: var(--color-primary);
}

.btn-primary-custom {
  font-size: 1.25rem;
  padding: 12px 28px;
  border-radius: var(--radius-pill);
  background-color: var(--color-primary);
  border: none;
  color: #fff;
}

.btn-primary-custom:hover {
  background-color: var(--color-primary-dark);
}

.card-hover {
  transition: transform .2s ease, box-shadow .2s ease;
}

.card-hover:hover {
  transform: translateY(-6px);
  box-shadow: 0 10px 25px rgba(0,0,0,.15);
}

.footer {
  background-color: var(--color-footer);
  color: #fff;
}

.footer-icon {
  color: #fff;
  margin-left: 12px;
  font-size: 1.2rem;
}

.footer-icon:hover {
  opacity: .8;
}