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

@layer utilities {
  .cursor-wait {
    cursor: wait;
  }
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.dark ::-webkit-scrollbar-track {
  background: #2d2d2d;
}

::-webkit-scrollbar-thumb {
  background: #888;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #555;
}

html {
  scroll-behavior: smooth;
}

/* Typing Effect for Chatbot */
.typing-effect::after {
  content: '▋';
  animation: blink 1s step-end infinite;
  display: inline-block;
  vertical-align: bottom;
  font-weight: bold;
  color: #0052CC; /* Matches primary color */
}

.dark .typing-effect::after {
  color: #F5F5F7;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}