/* =============================================
   Tailwind CSS — Custom Base Styles
   Only for styles that can't be achieved
   with Tailwind utility classes
   ============================================= */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

/* Remove default focus outline, add accessible one */
*:focus-visible {
  outline: 2px solid #1AB5B6;
  outline-offset: 2px;
}

/* Page transition */
body {
  opacity: 0;
  animation: fadeIn 0.4s ease-out forwards;
}

@keyframes fadeIn {
  to { opacity: 1; }
}

/* Hide scrollbar cross-browser */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;     /* Firefox */
}
.scrollbar-hide::-webkit-scrollbar {
  display: none;             /* Chrome, Safari, Opera */
}