/* Custom styles for Heliogic Static Migration */
:root {
    --primary-color: #fcd38a;
    --accent-color: #f59b00;
    --background-base: #fdf9e6;
    --font-inter: 'Inter', sans-serif;
    --font-playfair: 'Playfair Display', serif;
}

body {
    font-family: var(--font-inter);
    background-color: var(--background-base);
    padding: 0;
    margin: 0;
}

.font-playfair {
    font-family: var(--font-playfair);
}

/* Navbar effect */
#navbar.scrolled {
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1);
}

/* Hover scales for desktop menu */
.nav-link {
    transition: transform 0.3s, color 0.3s;
}

.nav-link:hover {
    transform: scale(1.5);
    color: var(--accent-color);
}

/* Reveal Animation (Exact 1.3s ease-out from original) */
.reveal {
    opacity: 0;
    transform: translateY(300px);
    transition: opacity 1.3s ease-out, transform 1.3s ease-out;
}

.reveal.active {
    opacity: 1;
    transform: translateY(0);
}

/* Scroll Indicator */
#scroll-indicator {
    background-color: var(--accent-color);
}

/* Embla Carousel Tweeks */
.embla__viewport {
    overflow: hidden;
}

.embla__container {
    display: flex;
}

.embla__slide {
    flex: 0 0 100%;
    min-width: 0;
}

/* Modal tweaks to match original dialog.modal */
.modal-box {
    background-color: var(--background-base) !important;
}