/* 
    Custom CSS for Limosa Kayak
    TailwindCSS is used primarily, this file contains only specific tweaks, animations, and base resets.
*/

/* Smooth Scrolling */
html {
    scroll-behavior: smooth;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #0F172A; /* limosa-dark */
}
::-webkit-scrollbar-thumb {
    background: #4A7C9D; /* limosa-river */
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #D97736; /* limosa-accent */
}

/* Animations */
@keyframes ken-burns {
    0% { transform: scale(1); }
    100% { transform: scale(1.15); }
}

.animate-ken-burns {
    animation: ken-burns 30s ease-out forwards;
}

/* Typography Enhancements */
h1, h2, h3, h4, h5, h6 {
    text-rendering: optimizeLegibility;
}

/* Utility to ensure text remains readable over images */
.text-shadow-sm {
    text-shadow: 0 1px 2px rgba(0,0,0,0.5);
}
.text-shadow {
    text-shadow: 0 2px 4px rgba(0,0,0,0.5);
}
.text-shadow-lg {
    text-shadow: 0 4px 8px rgba(0,0,0,0.6);
}