body {
  background-color: #0f0f0f;
  color: #f3f4f6;
}
.font-serif {
  font-family: Cinzel, serif;
}
.scroll-smooth {
  scroll-behavior: smooth;
}

/* Custom scrollbar for chat and other scrollable areas */
.scrollbar-thin::-webkit-scrollbar {
  width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: #1a1a1a;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background: #4b5563;
  border-radius: 3px;
}

/* Custom loading animation for chat */
.loading-msg .animate-bounce {
  animation: bounce 1s infinite;
}

@keyframes bounce {
  0%, 100% {
    transform: translateY(-25%);
    animation-timing-function: cubic-bezier(0.8, 0, 1, 1);
  }
  50% {
    transform: translateY(0);
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
  }
}