:root {

  --bs-primary-rgb: 232, 228, 240;

}


.bg-primary {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}

/* Gallery Hover Effect */
.gallery-thumb {
  cursor: pointer;
  transition: transform 0.3s ease, filter 0.3s ease;
  object-fit: cover;
  height: 250px; /* Ensures all thumbnails are the same height */
  width: 100%;
}

.gallery-thumb:hover {
  transform: scale(1.03);
  filter: brightness(90%);
}

/* Modal styling for dark background */
#imageModal .modal-content {
  background-color: transparent;
}

#imageModal .modal-body img {
  box-shadow: 0 5px 15px rgba(0,0,0,.5);
}