/* ==========================================================================
   BASE STYLES FOR LANDING PAGE - CAR WASH-FI
   ========================================================================== */

/* Note: The core styling of this application is handled by Tailwind CSS utility 
   classes directly inside the HTML elements. This file is reserved for global 
   resets, custom animations, or overrides that Tailwind cannot handle natively. */

/* Ensures the entire page scrolls smoothly when clicking anchor links */
html {
    scroll-behavior: smooth;
}

/* Custom glow animation for the Hero section accent */
@keyframes soft-glow {
    0% { box-shadow: 0 0 15px rgba(91, 164, 230, 0.2); }
    50% { box-shadow: 0 0 25px rgba(91, 164, 230, 0.5); }
    100% { box-shadow: 0 0 15px rgba(91, 164, 230, 0.2); }
}

.hover-glow:hover {
    animation: soft-glow 2s infinite ease-in-out;
}