/* Custom styles supplementing Tailwind */

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

/* Selection color */
::selection {
  background: rgba(255, 107, 74, 0.3);
  color: #f7f7f8;
}

/* Subtle scrollbar */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #09090b;
}
::-webkit-scrollbar-thumb {
  background: #3f3f46;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #52525b;
}

/* Image lazy-load fade */
img[loading="lazy"] {
  opacity: 0;
  transition: opacity 0.5s ease;
}
img[loading="lazy"].loaded {
  opacity: 1;
}