
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


:root {
    --beige-light: #f5f0e6;
    --beige: #e8d9c5;
    --beige-dark: #d8c9b5;
    --nude-light: #e6d7cc;
    --nude: #d6c7bc;
    --nude-dark: #8b8078;
    --gold-light: #d4b78c;
    --gold: #c4a77c;
    --gold-dark: #7e643e;
    --green-light: #7ecf77;
    --green: #b2c6b0;
    --green-dark: #70916d;
    --gold-real: #eecc0b;
}

body {
    font-family: 'Poppins', sans-serif;
    scroll-behavior: smooth;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Playfair Display', serif;
}

.bg-beige-light { background-color: var(--beige-light); }
.bg-beige { background-color: var(--beige); }
.bg-beige-dark { background-color: var(--beige-dark); }
.bg-nude-light { background-color: var(--nude-light); }
.bg-nude { background-color: var(--nude); }
.bg-nude-dark { background-color: var(--nude-dark); }
.bg-gold-light { background-color: var(--gold-light); }
.bg-gold { background-color: var(--gold); }
.bg-gold-dark { background-color: var(--gold-dark); }
.bg-green-light { background-color: var(--green-light); }
.bg-green { background-color: var(--green); }
.bg-green-dark { background-color: var(--green-dark); }
.bg-gold-real {background-color: var(--gold-real); }

.text-beige-light { color: var(--beige-light); }
.text-beige { color: var(--beige); }
.text-beige-dark { color: var(--beige-dark); }
.text-nude-light { color: var(--nude-light); }
.text-nude { color: var(--nude); }
.text-nude-dark { color: var(--nude-dark); }
.text-gold-light { color: var(--gold-light); }
.text-gold { color: var(--gold); }
.text-gold-dark { color: var(--gold-dark); }
.text-green-light { color: var(--green-light); }
.text-green { color: var(--green); }
.text-green-dark { color: var(--green-dark); }

.btn-gold {
    background-color: var(--gold-dark);
    color: white;
}

.btn-gold:hover {
    background-color: var(--gold);
    color: white;
}

.btn-gold-real {
    background-color: var(--gold-real);
    color: var(--gold-dark);
    font-weight: bold;
}
.btn-gold-real:hover {
    background-color: var(--gold-light);
    color: white;
}

.btn-outline-gold {
    border-color: var(--gold-dark);
    color: var(--gold-dark);
}

.btn-outline-gold:hover {
    background-color: var(--gold-light);
    border-color: var(--gold-dark);
    color: var(--gold-dark);
}

.btn-lg{
    color: white;
}

.btn-lg:hover{
    background-color: white;
    color: var(--green-light);
}

.hero-pattern {
    background-color: var(--beige-light);
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23d8c9b5' fill-opacity='0.2'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.shadow-gold {
    box-shadow: 0 4px 6px -1px rgba(177, 151, 112, 0.3), 0 2px 4px -1px rgba(173, 148, 110, 0.2);
}

.badge-green {
    background-color: var(--green-light);
    color: white;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: rgba(75, 75, 75, 0.7);
    border-radius: 50%;
    padding: 1.5rem;
}

.carousel-indicators [data-bs-target] {
    background-color: var(--beige-dark);
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin: 0 4px;
}

.carousel-indicators .active {
    background-color: var(--gold-light);
}

.faq-icon {
    transition: transform 0.3s ease;
}

.faq-icon.rotate {
    transform: rotate(180deg);
}

.carousel-item img{
    border-radius: 7px;
}
