/* To The Grave Tattoo — Custom Styles */
/* This file holds non-critical custom styles that extend beyond the inline critical CSS in index.html */

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

/* Selection color */
::selection {
    background: var(--burgundy);
    color: var(--white);
}

/* Subtle scrollbar styling */
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-track {
    background: var(--neutral-cream);
}
::-webkit-scrollbar-thumb {
    background: var(--blush-muted);
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: var(--burgundy-light);
}

/* Print styles */
@media print {
    .nav, .mobile-menu, .cta, .gallery { display: none; }
    body { color: #000; background: #fff; }
    .hero { min-height: auto; }
    .hero-visual { display: none; }
}