/* Custom Styles for Perfect Day Surf Camp */

/* Base styles handled by Tailwind, adding custom touches here */

/* Custom Font Loading handled in HTML */

/* Smooth Scroll Offset for Fixed Nav */
section {
    scroll-margin-top: 80px;
}

/* Button Hover Effects */
button, a {
    -webkit-tap-highlight-color: transparent;
}

/* Focus States for Accessibility */
a:focus, button:focus {
    outline: 2px solid #FF6B6B;
    outline-offset: 2px;
}

/* Selection Color */
::selection {
    background-color: #FF6B6B;
    color: #ffffff;
}

/* Loading State for Images */
img {
    opacity: 1;
    transition: opacity 0.3s ease-in-out;
}
img[data-src] {
    opacity: 0;
}

/* Subtle Pattern for Backgrounds */
.bg-pattern {
    background-image: radial-gradient(#FF6B6B 1px, transparent 1px);
    background-size: 20px 20px;
    background-color: #faf9f6;
}