/* Custom styles for Maria Rodriguez Beauty & Hair Salon */

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

/* Ensure all text meets contrast requirements */
.text-slate-500 { color: #64748b; }
.text-slate-600 { color: #475569; }
.text-slate-700 { color: #334155; }
.text-slate-800 { color: #1e293b; }

/* Selection color */
::selection {
    background: #ccfbf1;
    color: #134e4a;
}

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

/* Reduced motion */
@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .reveal {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .service-card { transition: none !important; }
    .gallery-item img { transition: none !important; }
    .btn-primary { transition: background 0.2s ease !important; }
    .btn-primary::before { display: none; }
}

/* Print styles */
@media print {
    nav, #back-to-top, .blob { display: none; }
    body { color: #000; background: #fff; }
    .bg-teal-900 { background: #fff !important; }
    .text-white { color: #000 !important; }
}