/* Custom styles for Esmer's Hair Salon */

/* Base typography overrides */
h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', Georgia, serif;
}

p, a, button, input, textarea, select, li, span {
    font-family: 'Lato', system-ui, sans-serif;
}

/* Ensure all text is readable */
.text-burgundy-950 { color: #3d0a15; }
.text-burgundy-900 { color: #6c1d32; }
.text-burgundy-800 { color: #822038; }
.text-burgundy-700 { color: #9f2340; }
.text-burgundy-600 { color: #c23351; }
.text-burgundy-500 { color: #db4a6a; }
.text-burgundy-400 { color: #ee6c8a; }
.text-burgundy-300 { color: #f5a4b5; }
.text-burgundy-200 { color: #fad0d9; }
.text-burgundy-100 { color: #fce7eb; }
.text-burgundy-50 { color: #fdf2f4; }

/* Ensure high contrast for important text */
.nav-logo { color: #3d0a15; }
#navbar:not(.scrolled) .nav-link { color: #3d0a15; }

/* Smooth image rendering */
img {
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
}

/* Selection color */
::selection {
    background-color: #fce7eb;
    color: #6c1d32;
}

/* Print styles */
@media print {
    nav, #mobile-menu, .service-card, .gallery-item {
        display: none;
    }
    body {
        background: white;
        color: black;
    }
}