/* Variables */
:root {
    --primary-gold: #E4BD3E;
    --primary-gold-hover: #CBA22E;
    --dark-charcoal: #1E1E1D;
    /*--warm-bg: #FAF9F6;*/
    --warm-bg: #FAF6EA;
    --warmer-bg: #DAC78B;
    /*--card-border: #E8E5DF;*/
    --card-border: #000000;
    --bs-primary-rgb: 203, 162, 46;
}
body {
    background-color: var(--warm-bg);
    color: var(--dark-charcoal);
    font-family: system-ui, -apple-system, sans-serif;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}


/* Bootstrap overwrites */
.form-control:focus {
    border-color: var(--warm-bg);
    box-shadow: 0 0 0 .15rem var(--primary-gold);
}

/* Header */
.promo-bar {
    background-color: var(--primary-gold);
    color: var(--dark-charcoal);
    font-weight: 700;
    font-size: 0.8rem;
    letter-spacing: 0.05rem;
}
.navbar {
    background-color: var(--warmer-bg);
    border-bottom: 2px solid var(--card-border) !important;
}
.brand-text {
    font-weight: 800;
    letter-spacing: -0.02rem;
    color: var(--dark-charcoal) !important;
}
.nav-link {
    font-weight: 600;
    transition: color 0.20s;
}
    .nav-link:hover {
        color: var(--warm-bg) !important;
    }

/* Title Section */
.mausi-section {
    text-align: center;
    position: relative;
    background-image: radial-gradient(circle, rgba(228, 189, 62, 0.1) 0%, transparent 60%);
}
.mausi-title {
    font-weight: 900;
    font-size: clamp(2rem, 5vw, 3.5rem);
    color: var(--dark-charcoal);
}
.mausi-subtitle {
    color: #555553;
    max-width: 600px;
    margin: 0 auto;
}

/* Cards */
.gallery-card {
    background: white;
    border: 1px solid var(--card-border) !important;
    border-radius: 12px;
    overflow: hidden;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
    .gallery-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0,0,0,0.05);
    }
.gallery-img-container {
    overflow: hidden;
    position: relative;
}
.gallery-img {
    transition: transform 0.35s ease;
}
.gallery-card:hover .gallery-img {
    transform: scale(1.05);
}

/* Prices */
.price-badge {
    background-color: var(--primary-gold);
    color: var(--dark-charcoal);
    font-weight: 800;
    padding: 0.35rem 0.7rem;
    border-radius: 20px;
}

/* Butons */
.btn-gold {
    background-color: var(--primary-gold);
    color: var(--dark-charcoal);
    font-weight: 700;
    border: none;
    transition: background-color 0.2s, transform 0.1s;
}
    .btn-gold:hover, .btn-gold:focus {
        background-color: var(--primary-gold-hover);
        color: var(--dark-charcoal);
        transform: scale(1.02);
    }
.btn-outline-gold {
    border: 2px solid var(--primary-gold);
    color: var(--dark-charcoal);
    font-weight: 700;
    transition: all 0.2s;
}
    .btn-outline-gold:hover {
        background-color: var(--primary-gold);
        border-color: var(--primary-gold);
    }

/* Footer layout */
footer {
    margin-top: auto;
    background-color: var(--dark-charcoal);
    color: #A0A09F;
    border-top: 4px solid var(--primary-gold) !important;
}
    footer a {
        color: #A0A09F;
        transition: color 0.2s;
    }
        footer a:hover {
            color: var(--primary-gold);
        }

/* Tags */
.tag-badge {
    background-color: #f1efea;
    color: #6a6a68;
    font-size: 0.75rem;
    font-weight: 600;
    text-decoration: none;
    padding: 0.25rem 0.6rem;
    border-radius: 12px;
    transition: background-color 0.15s;
}
    .tag-badge:hover {
        background-color: var(--primary-gold);
        color: var(--dark-charcoal);
    }