/* Custom styles — supplement Tailwind and index.html inline styles */

/* Smooth focus outlines for accessibility */
a:focus-visible,
button:focus-visible,
input:focus-visible {
  outline: 2px solid #D4A853;
  outline-offset: 2px;
}

/* Selection color */
::selection {
  background: rgba(212, 168, 83, 0.3);
  color: #f5f0eb;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0d0d0d;
}
::-webkit-scrollbar-thumb {
  background: #2e2e2e;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D4A853;
}

/* Gold gradient text utility */
.text-gold-gradient {
  background: linear-gradient(135deg, #D4A853 0%, #C9A227 50%, #D4A853 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

/* Subtle shimmer animation for hero accent */
@keyframes shimmer {
  0% { background-position: -200% center; }
  100% { background-position: 200% center; }
}

.hero-headline em {
  background: linear-gradient(90deg, #FF6B4A 0%, #FF8566 50%, #FF6B4A 100%);
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 4s linear infinite;
}

@media (prefers-reduced-motion: reduce) {
  .hero-headline em {
    animation: none;
    -webkit-text-fill-color: #FF8566;
    background: none;
  }
}