/* ====== CUSTOM STYLES (supplements Tailwind) ====== */

/* Smooth focus outlines for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible {
  outline: 2px solid #a841a8;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Subtle pattern on the amber sections */
.bg-amber-50 {
  background-image: radial-gradient(circle at 20% 20%, rgba(123, 45, 139, 0.03) 0%, transparent 50%),
                    radial-gradient(circle at 80% 80%, rgba(245, 199, 107, 0.08) 0%, transparent 50%);
}

/* Card hover image zoom */
.hover\:-translate-y-1:hover img {
  transform: scale(1.03);
  transition: transform 0.4s ease;
}

/* Navbar scroll state */
.navbar-scrolled {
  box-shadow: 0 4px 20px rgba(123, 45, 139, 0.12);
}

/* Hero text shadow for readability on gradient */
.hero-gradient h1,
.hero-gradient p {
  text-shadow: 0 2px 12px rgba(0, 0, 0, 0.15);
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  html { scroll-behavior: auto; }
  .reveal { opacity: 1 !important; transform: none !important; }
  .float-slow, .float-medium, .float-fast { animation: none !important; }
}