@tailwind base;
@tailwind components;
@tailwind utilities;

/* Hide scrollbar for mobile navigation while keeping functionality */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;  /* Chrome, Safari and Opera */
}

/* Custom focus styles for accessibility */
@layer utilities {
  .focus-ring {
    @apply focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-violet-500;
  }
}

/* Smooth transitions for interactive elements */
@layer base {
  a, button {
    @apply transition-colors duration-200;
  }
}