/* Custom styles that complement Tailwind */

/* Base font smoothing */
html {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom selection color */
::selection {
    background-color: #e8734e;
    color: #fff;
}

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

/* Smooth transitions for interactive elements */
a, button {
    -webkit-tap-highlight-color: transparent;
}

/* Focus visible for accessibility */
:focus-visible {
    outline: 2px solid #d4532b;
    outline-offset: 2px;
}

/* Print styles */
@media print {
    .hero-bg { background-attachment: scroll !important; }
    #navbar { position: static !important; }
}