/* Custom styles for Treasure Chest */

html {
  scroll-behavior: smooth;
}

/* Selection color */
::selection {
  background: #f3bbab;
  color: #6e3322;
}

/* Subtle pattern for hero background */
.bg-hero-pattern {
  background-image: radial-gradient(circle at 20% 50%, rgba(192, 96, 58, 0.06) 0%, transparent 50%),
                    radial-gradient(circle at 80% 20%, rgba(212, 169, 110, 0.08) 0%, transparent 50%);
}

/* Button hover lift */
button, a[href] {
  transition: all 0.2s ease;
}

/* Smooth focus outlines */
input:focus, textarea:focus, select:focus {
  outline: none;
}

/* Mobile menu animation */
#mobileMenu {
  animation: slideDown 0.25s ease;
}

@keyframes slideDown {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Card image hover */
.group:hover .group-hover\:scale-105 {
  transform: scale(1.05);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
  .group:hover .group-hover\:scale-105 { transform: none; }
}