@import "tailwindcss";

@theme {
  --color-primary-red: #650E1C;
  --color-primary-yellow: #EA9F22;
  --color-active-button:#991D31;
  --color-creamy-white: #FFF8F0;
  --font-sans: "Space Grotesk", ui-sans-serif, system-ui, sans-serif;
}

/* Enable smooth scrolling globally */
html {
  scroll-behavior: smooth;
}

/* Ensure smooth scrolling works on all browsers */
* {
  scroll-behavior: smooth;
}

.gallery-stacked {
  transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

.gallery-expanded {
  transition: transform 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Custom hover effects for expanded state */
.gallery-expanded:hover {
  transform: scale(1.05) !important;
  z-index: 100 !important;
}