:root {
    --cor-principal: #800020; /* Marsala Elegante */
    --cor-secundaria: #B76E79; /* Rose Gold */
    --cor-clara: #FDFBF7; /* Off-White */
    --cor-texto: #333333;
}

body {
    background-color: var(--cor-clara);
    color: var(--cor-texto);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navbar */
.navbar {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.navbar-brand, .nav-link {
    color: var(--cor-principal) !important;
    font-weight: 600;
}
.nav-link:hover {
    color: var(--cor-secundaria) !important;
}

/* Botões Personalizados */
.btn-elegante {
    background-color: var(--cor-secundaria);
    color: #ffffff;
    border: none;
    transition: 0.3s;
}
.btn-elegante:hover {
    background-color: var(--cor-principal);
    color: #ffffff;
}

/* Seções */
.hero-section {
    background: linear-gradient(135deg, var(--cor-principal), var(--cor-secundaria));
    color: #ffffff;
    padding: 100px 0;
}

footer {
    background-color: var(--cor-principal);
    color: #ffffff;
}:root {
    --cor-principal: #800020; /* Marsala Elegante */
    --cor-secundaria: #B76E79; /* Rose Gold */
    --cor-clara: #FDFBF7; /* Off-White */
    --cor-texto: #333333;
}

body {
    background-color: var(--cor-clara);
    color: var(--cor-texto);
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

/* Navbar */
.navbar {
    background-color: #ffffff;
    box-shadow: 0 2px 4px rgba(0,0,0,0.05);
}
.navbar-brand, .nav-link {
    color: var(--cor-principal) !important;
    font-weight: 600;
}
.nav-link:hover {
    color: var(--cor-secundaria) !important;
}

/* Botões Personalizados */
.btn-elegante {
    background-color: var(--cor-secundaria);
    color: #ffffff;
    border: none;
    transition: 0.3s;
}
.btn-elegante:hover {
    background-color: var(--cor-principal);
    color: #ffffff;
}

/* Seções */
.hero-section {
    background: linear-gradient(135deg, var(--cor-principal), var(--cor-secundaria));
    color: #ffffff;
    padding: 100px 0;
}

footer {
    background-color: var(--cor-principal);
    color: #ffffff;
}
.img-fluid { transition: transform 0.3s ease; }
.img-fluid:hover { transform: scale(1.05); cursor: pointer; }
.carousel-item img { filter: brightness(80%); }