/* Custom styles beyond Tailwind */

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

/* Subtle gradient accent line under section labels */
section span {
  display: inline-block;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a1628;
}
::-webkit-scrollbar-thumb {
  background: #1b3a6e;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #c8960c;
}

/* Ensure hero image doesn't cause layout shift */
#hero img {
  will-change: transform;
}

/* Gold accent hover glow for cards */
.group:hover .group-hover\:bg-gold-500\/20 {
  box-shadow: 0 0 20px rgba(200, 150, 12, 0.15);
}

/* Navbar transition */
#navbar {
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.3s ease, background-color 0.3s ease, padding 0.3s ease;
}

#navbar.scrolled {
  backdrop-filter: blur(12px);
  background-color: rgba(10, 22, 40, 0.9);
}

/* Prevent flash of unstyled content */
noscript .reveal {
  opacity: 1;
  transform: none;
}