/* Custom styles supplementing Tailwind */

/* Ensure all interactive elements have smooth transitions */
a, button {
  transition: all 0.2s ease;
}

/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #0a1126;
}
::-webkit-scrollbar-thumb {
  background: #1c2f5e;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #e5b424;
}

/* Selection color */
::selection {
  background: #e5b424;
  color: #0a1126;
}

/* Focus visible styles */
:focus-visible {
  outline: 2px solid #e5b424;
  outline-offset: 2px;
}

/* Prevent layout shift on images */
img {
  max-width: 100%;
  height: auto;
}

/* Mobile menu overlay */
#menuOverlay {
  backdrop-filter: blur(4px);
}

/* Smooth anchor scroll offset for fixed nav */
html {
  scroll-padding-top: 80px;
}

/* Prevent text selection on decorative elements */
.line-reveal {
  user-select: none;
}