/* Custom styles — overrides and additions beyond Tailwind */

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

/* Selection color */
::selection {
    background: rgba(232, 115, 90, 0.2);
    color: #14161B;
}

/* Subtle page gradient */
body {
    background: linear-gradient(180deg, #FAFAF8 0%, #FFF8F6 50%, #FAFAF8 100%);
}

/* Image lazy-load fade (progressive) */
img[loading="lazy"] {
    opacity: 0;
    transition: opacity 0.5s ease;
}
img[loading="lazy"].loaded {
    opacity: 1;
}

/* Print styles */
@media print {
    .reveal { opacity: 1 !important; transform: none !important; }
    #navbar, #backToTop, .mobile-menu { display: none !important; }
}