/* Custom styles that extend Tailwind */

/* Smooth focus outlines */
a:focus-visible, button:focus-visible {
    outline: 2px solid #e05330;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background-color: #f9c4b4;
    color: #6e2318;
}

/* Image loading placeholder */
img {
    background-color: #f5f0ea;
}

/* Subtle pattern for sections */
.bg-pattern {
    background-image: radial-gradient(circle, #fce4d9 1px, transparent 1px);
    background-size: 24px 24px;
}

/* Nav active state */
.nav-link-active {
    color: #e05330;
}

/* Card hover glow */
.card-glow:hover {
    box-shadow: 0 0 40px rgba(224, 83, 48, 0.12);
}

/* Smooth image transitions */
img {
    transition: filter 0.3s ease;
}

/* Print styles */
@media print {
    #navbar, #mobile-menu, .reveal { display: none !important; }
    body { color: #000; background: #fff; }
}