/* Custom styles for Amy's Avenue */

/* Smooth scroll offset for fixed nav */
section[id] {
  scroll-margin-top: 80px;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a1428;
}
::-webkit-scrollbar-thumb {
  background: #1e3a5f;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d4a853;
}

/* Selection color */
::selection {
  background: #d4a853;
  color: #0a1428;
}

/* Focus visible styles */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 2px solid #d4a853;
  outline-offset: 2px;
}

/* Subtle pattern overlay for dark sections */
.bg-navy-950::before,
.bg-navy-900::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: radial-gradient(ellipse at 20% 50%, rgba(212, 168, 83, 0.03) 0%, transparent 60%),
                    radial-gradient(ellipse at 80% 20%, rgba(15, 29, 56, 0.5) 0%, transparent 50%);
  pointer-events: none;
  z-index: 0;
}

/* Hero image parallax-like subtle movement */
#hero .relative {
  will-change: transform;
}

/* Gold accent line animation on hover for cards */
.group:hover .group-hover\:border-gold-400\/40 {
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 400ms;
}