/* Custom styles and animations */
body {
    font-feature-settings: "cv02", "cv03", "cv04", "cv11";
}

/* Smooth scroll behavior */
html {
    scroll-behavior: smooth;
}

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

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

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

::-webkit-scrollbar-thumb:hover {
    background: #10b981;
}

/* Navbar scroll effect */
nav.scrolled {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}

/* Text selection color */
::selection {
    background: #34d399;
    color: #0f172a;
}

/* Form focus styles */
input:focus,
textarea:focus {
    box-shadow: 0 0 0 3px rgba(52, 211, 153, 0.3);
}

/* Hover effects for cards */
.group:hover .group-hover\:text-midnight {
    color: #0f172a;
}

/* Animation delays for staggered animations */
.animate-delay-100 {
    animation-delay: 100ms;
}

.animate-delay-200 {
    animation-delay: 200ms;
}

.animate-delay-300 {
    animation-delay: 300ms;
}