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

@layer base {
  body {
    @apply bg-background text-gray-900;
  }
}

@layer components {
  .search-input {
    @apply w-full px-3 py-2 border rounded-lg focus:outline-none focus:ring-2 focus:ring-primary-400 
    bg-white transition-shadow duration-200;
  }
  
  .glass-card {
    @apply bg-surface border border-border shadow-glass;
  }
  
  .gradient-text {
    @apply bg-clip-text text-transparent bg-gradient-to-r from-primary-500 to-primary-600;
  }
}

/* Accordion animations */
.accordion-enter {
  max-height: 0;
  opacity: 0;
}

.accordion-enter-active {
  max-height: 1000px;
  opacity: 1;
  transition: max-height 200ms ease-out, opacity 200ms ease-out;
}

.accordion-exit {
  max-height: 1000px;
  opacity: 1;
}

.accordion-exit-active {
  max-height: 0;
  opacity: 0;
  transition: max-height 200ms ease-in, opacity 200ms ease-in;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.scrollbar-hide::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.scrollbar-hide {
  -ms-overflow-style: none;  /* IE and Edge */
  scrollbar-width: none;  /* Firefox */
}