/* Tacos "El Jefe" — Custom Styles */
/* This file is intentionally minimal. Core styles are in index.html <style>.
   Additional custom touches live here. */

/* Smooth focus outlines for accessibility */
a:focus-visible,
button:focus-visible {
    outline: 2px solid #fbbf24;
    outline-offset: 3px;
    border-radius: 2px;
}

/* Selection color */
::selection {
    background: #c12242;
    color: #fff;
}

/* Subtle image hover zoom */
.menu-card-img {
    transition: transform 0.5s ease;
}

.menu-card:hover .menu-card-img {
    transform: scale(1.03);
}

/* Print styles */
@media print {
    .hero, .cta-banner, .nav { display: none; }
    body { color: #000; background: #fff; }
    section { padding: 2rem 0; }
}