:root {
    --primary-accent: #D4AF37;
    --secondary-brown: #8B4513;
    --tertiary-beige: #FDF6E3;
    --neutral-dark: #3C2415;
    --warm-beige-bg: #F5F0E8;
    --dark-brown-bg: #2C1810;
    --nav-height: 68px; /* Approximate height of the fixed navbar */
}

/* 💡 NEW: Font-face rule for the local font file. Path adjusted for 'assets/fonts/' */
@font-face {
    font-family: 'Tempting';
    src: url('../assets/fonts/Tempting.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

/* Hero image background and parallax effect. Path adjusted for 'assets/img/' */
.hero-bg {
    background-image: url('../assets/img/heroImage.png');
    background-size: cover;
    background-position: center 30%;
    background-attachment: fixed;
}

@media (max-width: 768px) {
    .hero-bg {
        background-attachment: scroll;
    }
}

/* Custom scrollbar for a touch of class */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
}
::-webkit-scrollbar-thumb:hover {
    background: #555;
    border-radius: 5px;
}

/* Font-specific classes */
.font-playfair {
    font-family: 'Playfair Display', serif;
}
.font-montserrat {
    font-family: 'Montserrat', sans-serif;
}

.font-alex-brush {
    font-family: 'Alex Brush', cursive;
}

/* 💡 NEW: Tailwind class for the new font */
.font-tempting {
    font-family: 'Tempting', sans-serif;
}

/* Custom flip card effect */
.blend-card-inner {
    transition: transform 0.8s;
    transform-style: preserve-3d;
}
.blend-card-front, .blend-card-back {
    backface-visibility: hidden;
}
.blend-card-back {
    transform: rotateY(180deg);
}
.blend-card.flipped .blend-card-inner {
    transform: rotateY(180deg);
}

/* The Fix: Add scroll-margin-top to all sections targeted by the navbar */
section[id] {
    scroll-margin-top: var(--nav-height);
}