/* Custom styles that complement Tailwind */

/* Smooth focus states for accessibility */
a:focus-visible, button:focus-visible {
    outline: 2px solid #ff6b3f;
    outline-offset: 2px;
    border-radius: 4px;
}

/* Selection color */
::selection {
    background: rgba(255, 107, 63, 0.15);
    color: #1e2025;
}

/* Prevent layout shift on images */
img {
    content-visibility: auto;
}

/* Subtle print styles */
@media print {
    .hero-gradient, .feature-card, .img-overlay { break-inside: avoid; }
    nav, .mobile-menu { display: none; }
}

/* High contrast mode support */
@media (forced-colors: active) {
    .btn-primary { border: 2px solid ButtonText; }
    .btn-outline { border: 2px solid ButtonText; }
}