/* Custom styles beyond Tailwind */

/* Subtle gradient on hero background */
#hero {
    background: linear-gradient(135deg, #f4fcf7 0%, #f0f4f8 50%, #e6f9ed 100%);
}

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f4fcf7;
}
::-webkit-scrollbar-thumb {
    background: #9ee6bd;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #5ed39b;
}

/* Selection color */
::selection {
    background: #ccf3db;
    color: #102a43;
}

/* Subtle pattern on mint sections */
.bg-mint-50 {
    background-image: radial-gradient(circle at 1px 1px, rgba(158, 230, 189, 0.15) 1px, transparent 0);
    background-size: 24px 24px;
}