/* Custom Variables */
:root {
  --forest-green: #265449;
  --sage-green: #95b46a;
}

/* Custom Colors */
.bg-forest-green {
  background-color: var(--forest-green);
}

.bg-sage-green {
  background-color: var(--sage-green);
}

.text-sage-green {
  color: var(--sage-green);
}

.hover\:text-sage-green:hover {
  color: var(--sage-green);
}

.text-forest-green {
  color: var(--forest-green);
}

/* Typography */
.font-heading {
  font-family: "Georgia", serif;
}

/* Button Hover States */
.hover\:bg-sage-green:hover {
  background-color: var(--sage-green);
}

.hover\:bg-opacity-90:hover {
  opacity: 0.9;
}

/* Border Colors */
.border-sage-green {
  border-color: var(--sage-green);
}

/* Transitions */
.transition-colors {
  transition-property: color, background-color, border-color;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.transition-opacity {
  transition-property: opacity;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

.transition-shadow {
  transition-property: box-shadow;
  transition-duration: 200ms;
  transition-timing-function: ease-in-out;
}

/* Gallery Specific Styles */
.gallery-item img:hover {
  opacity: 0.9;
}

.filter-btn.active {
  background-color: var(--sage-green);
}