/* 
 * Le Grand Bleu — Editorial Design System
 * Palette: Burnt Driftwood · Warm Salt · Sand Beige · Ocean Foam · Indian Ocean
 * Font: Cormorant Garamond (heading) + Barlow (body)
 */

html {
    scroll-behavior: smooth;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Custom Scrollbar */
::-webkit-scrollbar {
    width: 4px;
}
::-webkit-scrollbar-track {
    background: #162F35;
}
::-webkit-scrollbar-thumb {
    background: #9E5930;
    border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
    background: #C7BC9E;
}

/* Selection */
::selection {
    background-color: #9E5930;
    color: #E5DDD4;
}

/* Scroll indicator */
.scroll-line {
    animation: scrollPulse 2.5s ease-in-out infinite;
    transform-origin: top;
}

@keyframes scrollPulse {
    0%, 100% { 
        opacity: 0.15; 
        transform: scaleY(1); 
    }
    50% { 
        opacity: 0.6; 
        transform: scaleY(1.4); 
    }
}

/* Smooth image loading */
img {
    transition: opacity 0.6s ease;
}

/* Elegant horizontal rules */
hr {
    border: none;
    height: 1px;
    background: linear-gradient(90deg, transparent, #9E5930, transparent);
}

/* Subtle Linen Texture Overlay */
.bg-linen {
    background-image: 
        repeating-linear-gradient(90deg, rgba(0, 0, 0, 0.015) 0px, rgba(0, 0, 0, 0.015) 1px, transparent 1px, transparent 10px),
        repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.015) 0px, rgba(0, 0, 0, 0.015) 1px, transparent 1px, transparent 10px),
        repeating-linear-gradient(90deg, rgba(255, 255, 255, 0.07) 0px, rgba(255, 255, 255, 0.07) 1px, transparent 1px, transparent 6px),
        repeating-linear-gradient(0deg, rgba(255, 255, 255, 0.07) 0px, rgba(255, 255, 255, 0.07) 1px, transparent 1px, transparent 6px);
}

/* Hide scrollbar utility */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
}