/* Custom Scrollbar - Fixed to match theme */
::-webkit-scrollbar {
  width: 10px;
}
::-webkit-scrollbar-track {
  background: #f1f5f9; /* Light mode background */
  border-radius: 5px;
}
.dark ::-webkit-scrollbar-track {
  background: #1e293b; /* Dark mode background */
}
::-webkit-scrollbar-thumb {
  background: #4f46e5; /* Brand color for thumb */
  border-radius: 5px;
}
.dark ::-webkit-scrollbar-thumb {
  background: #6366f1; /* Lighter shade for dark mode */
}
::-webkit-scrollbar-thumb:hover {
  background: #4338ca; /* Darker shade on hover */
}
.dark ::-webkit-scrollbar-thumb:hover {
  background: #818cf8; /* Lighter shade on hover for dark mode */
}

/* Animation */
@keyframes blob {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(30px, -50px) scale(1.1);
  }
  66% {
    transform: translate(-20px, 20px) scale(0.9);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}
.animate-blob {
  animation: blob 7s infinite;
}
.animation-delay-2000 {
  animation-delay: 2s;
}
.animation-delay-4000 {
  animation-delay: 4s;
}

/* Pulse animation */
@keyframes pulse {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}
.animate-pulse-slow {
  animation: pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Textarea min/max height */
textarea {
  min-height: 120px !important;
  max-height: 300px !important;
  resize: vertical !important;
}