/* Custom styles that complement Tailwind and inline styles */

/* Smooth scroll offset for fixed nav */
html {
    scroll-padding-top: 80px;
}

/* Selection color */
::selection {
    background: #f0523a;
    color: #fff;
}

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

/* Print styles */
@media print {
    .mobile-menu, .hamburger, .animate-marquee { display: none !important; }
    body { color: #000; background: #fff; }
    section { padding: 20px 0; }
}

/* Subtle pattern for hero background */
.hero-pattern {
    background-image: radial-gradient(circle at 25% 25%, rgba(240, 82, 58, 0.05) 0%, transparent 50%),
                      radial-gradient(circle at 75% 75%, rgba(240, 82, 58, 0.03) 0%, transparent 50%);
}