/**
 * RFIBot Custom Styles
 * 
 * This file contains custom styles that extend Tailwind CSS.
 * Most styling is handled by Tailwind utility classes in the HTML.
 */

/* Smooth scrolling for the entire site */
html {
    scroll-behavior: smooth;
}

/* Custom focus styles for accessibility */
a:focus,
button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 2px solid #4F46E5;
    outline-offset: 2px;
}

/* Hover transition for interactive elements */
.transition-shadow {
    transition: box-shadow 0.2s ease-in-out;
}

/* Ensure images are responsive by default */
img {
    max-width: 100%;
    height: auto;
}

/* Custom animation for loading states (for future HTMX integration) */
.htmx-indicator {
    opacity: 0;
    transition: opacity 200ms ease-in;
}

.htmx-request .htmx-indicator {
    opacity: 1;
}

.htmx-request.htmx-indicator {
    opacity: 1;
}

/* Print styles */
@media print {
    header, footer, .no-print {
        display: none;
    }
    
    body {
        background: white;
    }
}