/* Custom styles for Sun on Center - Beauty Salon */

/* Base resets */
*, *::before, *::after {
    box-sizing: border-box;
}

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

/* Selection color */
::selection {
    background: #D4A843;
    color: #0A1628;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: #0A1628;
}
::-webkit-scrollbar-thumb {
    background: #D4A843;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #E0BC5E;
}

/* Geometric shape animations - reduced motion */
@media (prefers-reduced-motion: reduce) {
    .float-1, .float-2, .float-3 {
        animation: none;
    }
    .btn-pulse {
        animation: none;
    }
    .gold-shimmer {
        animation: none;
        background: #D4A843;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        background-clip: text;
    }
}

/* Focus visible styles */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
    outline: 2px solid #D4A843;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Service card hover - ensure the accent bar is visible */
.service-card {
    position: relative;
    overflow: hidden;
}

/* Ensure text contrast on all backgrounds */
.text-navy-900 { color: #0A1628; }
.text-navy-800 { color: #0F2140; }
.text-navy-700 { color: #152C54; }
.text-navy-900\/60 { color: rgba(10, 22, 40, 0.6); }
.text-navy-900\/50 { color: rgba(10, 22, 40, 0.5); }
.text-white\/70 { color: rgba(255, 255, 255, 0.7); }
.text-white\/50 { color: rgba(255, 255, 255, 0.5); }
.text-white\/80 { color: rgba(255, 255, 255, 0.8); }
.text-white\/40 { color: rgba(255, 255, 255, 0.4); }
.text-gold-500 { color: #D4A843; }
.text-gold-400 { color: #E0BC5E; }
.text-gold-300 { color: #EBD07B; }
.bg-navy-900 { background-color: #0A1628; }
.bg-navy-800 { background-color: #0F2140; }
.bg-navy-700 { background-color: #152C54; }
.bg-gold-500 { background-color: #D4A843; }
.bg-gold-400 { background-color: #E0BC5E; }
.bg-warm-50 { background-color: #FDF8F0; }
.bg-white\/5 { background-color: rgba(255, 255, 255, 0.05); }