/* Custom styles — progressive enhancement, content always visible */

/* Smooth focus states */
*:focus-visible {
    outline: 2px solid #0d9488;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background-color: #0d9488;
    color: #f0fdfa;
}

/* Reduced motion — content stays visible, no animations */
@media (prefers-reduced-motion: reduce) {
    .reveal,
    .reveal-left,
    .reveal-right {
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
    }
    .img-zoom img {
        transition: none !important;
    }
    .animate-marquee {
        animation: none !important;
    }
}

/* Print styles */
@media print {
    header, footer, .reveal {
        opacity: 1 !important;
        transform: none !important;
    }
    .img-zoom img {
        max-height: 200px;
    }
}