@import "tailwindcss";

@theme {
  --color-brand-blue: #2e65b9;
  --color-primary: #2e65b9;
  --color-primary-50: #f0f4fa;
  --color-primary-100: #e1eaf5;
  --color-primary-500: #3b7ad9;
  --color-primary-600: #2e65b9;
  --color-primary-700: #224c8c;
}

.fa-spin {
  animation: fa-spin 1s linear infinite;
}

@keyframes fa-spin {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

/* Mobile drawer animations */
.fade-enter-active,
.fade-leave-active {
  transition: opacity 0.25s ease;
}
.fade-enter-from,
.fade-leave-to {
  opacity: 0;
}

.slide-enter-active,
.slide-leave-active {
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.slide-enter-from,
.slide-leave-to {
  transform: translateX(-100%);
}

/* Custom scrollbar for mobile drawer */
.drawer-scroll::-webkit-scrollbar {
  width: 4px;
}
.drawer-scroll::-webkit-scrollbar-track {
  background: transparent;
}
.drawer-scroll::-webkit-scrollbar-thumb {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 999px;
}

/* Hide scrollbar for mobile horizontally scrollable sections */
.hide-scrollbar::-webkit-scrollbar {
  display: none;
}
.hide-scrollbar {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
