/* Custom Animations and Overrides */

/* Floating abstract nodes for Hero Section SVG */
@keyframes float {
  0% {
    transform: translateY(0px) rotate(0deg);
  }
  50% {
    transform: translateY(-15px) rotate(1deg);
  }
  100% {
    transform: translateY(0px) rotate(0deg);
  }
}
.animate-float {
  animation: float 6s ease-in-out infinite;
}

/* Base tailwind-like abstract blob */
@keyframes blob {
  0% {
    transform: translate(0px, 0px) scale(1);
  }
  33% {
    transform: translate(40px, -60px) scale(1.1);
  }
  66% {
    transform: translate(-30px, 30px) scale(0.9);
  }
  100% {
    transform: translate(0px, 0px) scale(1);
  }
}

.animate-blob {
  animation: blob 8s infinite;
}

.animation-delay-2000 {
  animation-delay: 2s;
}

/* Base Styles */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 80px; /* Adjust for sticky header */
}

/* Custom Scrollbar - matching White/Blue/Slate theme */
::-webkit-scrollbar {
  width: 10px;
}

::-webkit-scrollbar-track {
  background: #f8fafc; /* lightgray slate-50 */
}

::-webkit-scrollbar-thumb {
  background: #cbd5e1; /* slate-300 */
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #94a3b8; /* slate-400 */
}

/* Typing Caret Animation - matching Primary Blue */
.typing-caret {
  border-right: 3px solid #2563eb; /* blue-600 */
  animation: blink 0.8s step-end infinite;
}

@keyframes blink {
  from,
  to {
    border-color: transparent;
  }
  50% {
    border-color: #2563eb;
  }
}