/* Custom styles that complement Tailwind */

/* Smooth scroll offset for fixed nav */
section[id] {
    scroll-margin-top: 80px;
}

/* Selection color */
::selection {
    background-color: rgba(20, 196, 152, 0.3);
    color: #0f2140;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f0fdf9;
}
::-webkit-scrollbar-thumb {
    background: #14c498;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #0ca882;
}

/* Subtle gradient overlay for hero image if needed */
.hero-overlay {
    background: linear-gradient(135deg, rgba(15, 33, 64, 0.92) 0%, rgba(21, 45, 86, 0.88) 100%);
}