body {
    font-family: 'Inter', sans-serif;
    background-color: #111;
    color: #fff;
}

/* Applying the elegant serif font to specific elements */
.font-serif-elegant {
    font-family: 'Cormorant Garamond', serif;
}

/* --- Slideshow Styles --- */
#slideshow-container {
    position: fixed; /* Changed to fixed to stay as background */
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: -1; /* Place it behind all other content */
}

.slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    opacity: 0;
    transition: opacity 1.5s ease-in-out;
    z-index: 1;
}

.slide.active {
    opacity: 1;
    z-index: 2;
}

/* Dark overlay for better text readability */
.slide::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

/* --- Header Styles --- */
header {
    transition: background-color 0.5s ease, box-shadow 0.5s ease, padding 0.5s ease;
}

/* Class to be added on scroll */
header.scrolled {
    background-color: rgba(255, 255, 255, 1);
    color: #111;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
}

header.scrolled .lang-btn {
    color: #111;
    border-color: #111;
}

header.scrolled .lang-btn:hover {
     background-color: #e5e7eb; /* gray-200 */
}