html[data-bs-theme="light"] {
  --bs-body-bg: #f8f7f2;
  --bs-body-color: #212529;
}

.pet-card {
  overflow: hidden;
  border-radius: 1.5rem;
  background: #f8f9fa;
}

.pet-card img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.pet-card-square {
  height: 280px;
}

.pet-card-tall {
  height: 340px;
}

.hero-section {
  background: linear-gradient(
    350deg,
    rgba(176, 207, 190, 0.28) 0%,
    rgba(240, 201, 168, 0.2) 100%
  );
}

.navbar-nav .nav-link {
  --bs-btn-padding-x: 0.75rem;
  --bs-btn-padding-y: 0.375rem;
  border-radius: var(--bs-border-radius-pill);
  color: var(--bs-nav-link-color);
  transition: all 0.2s ease;
}

.navbar-nav .nav-link:hover,
.navbar-nav .nav-link.active {
  background-color: rgba(var(--bs-primary-rgb), 0.08);
  color: var(--bs-primary);
}