/* Custom styles that extend beyond Tailwind */

/* Smooth background transition for navbar scroll */
nav.scrolled {
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 1px 20px rgba(5, 150, 105, 0.08);
}

/* Selection color */
::selection {
    background: #a7f3d0;
    color: #064e3b;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #ecfdf5;
}
::-webkit-scrollbar-thumb {
    background: #6ee7b7;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #34d399;
}

/* Subtle gradient overlay for hero image area */
.hero-gradient {
    background: linear-gradient(135deg, #ecfdf5 0%, #fefdf8 50%, #faf3e0 100%);
}

/* Decorative pattern */
.pattern-dots {
    background-image: radial-gradient(circle, #a7f3d0 1px, transparent 1px);
    background-size: 24px 24px;
}