/* Custom styles that complement Tailwind CSS */

/* Smooth scrolling is handled in HTML style block */

/* Ensure all interactive elements have appropriate cursor */
button, a, select, input, textarea {
    cursor: pointer;
}

input:not([type="submit"]):not([type="checkbox"]):not([type="radio"]),
textarea, select {
    cursor: text;
}

/* Ensure images don't overflow containers */
img {
    max-width: 100%;
    height: auto;
}

/* Selection color */
::selection {
    background-color: rgba(123, 45, 59, 0.15);
    color: #4a1820;
}

/* Focus visible for keyboard navigation */
*:focus-visible {
    outline: 2px solid #7B2D3B;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
    html {
        scroll-behavior: auto;
    }
}

/* Print styles */
@media print {
    nav, #mobile-menu, .reveal, .float-1, .float-2, .float-3 {
        display: none !important;
    }
    body {
        background: white !important;
        color: #1a1a1a !important;
    }
}