/* Custom styles for Esthetics by Venus */

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

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #f0f4f8;
}
::-webkit-scrollbar-thumb {
    background: #102a43;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #243b53;
}

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

/* Fade-in animations for scroll sections (progressive enhancement) */
@media (prefers-reduced-motion: no-preference) {
    .fade-up {
        opacity: 0;
        transform: translateY(24px);
        transition: opacity 0.6s ease, transform 0.6s ease;
    }
    .fade-up.visible {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ensure all text is readable on its background */
/* Hero: light gradient bg + dark navy text ✓ */
/* Services: white bg + navy text ✓ */
/* About: dark navy bg + white text ✓ */
/* Gallery: pastel gradient bg + navy text ✓ */
/* Testimonials: white bg + navy text ✓ */
/* Contact: dark navy bg + white text ✓ */
/* Footer: dark navy bg + white/navy-300 text ✓ */