/* Paleta de Cores O Caminho */
:root {
    --marrom-escuro: #42281E;
    --branco: #FFFFFF;
    --bege: #F6E2C3;
}

body {
    background-color: var(--branco);
    color: var(--marrom-escuro);
    font-family: Arial, sans-serif;
}

/* Utilitários Customizados */

.bg-marrom { background-color: var(--marrom-escuro) !important; color: var(--branco); }
.bg-bege { background-color: var(--bege) !important; color: var(--marrom-escuro); }
.text-marrom { color: var(--marrom-escuro) !important; }

/* Botão de Doação Customizado */
.btn-doar {
    background-color: var(--bege);
    color: var(--marrom-escuro);
    font-weight: bold;
    border-radius: 25px;
    padding: 8px 24px;
    transition: all 0.3s ease;
}

.btn-doar:hover {
    background-color: #e5ceab; /* Bege um pouco mais escuro no hover */
    color: var(--marrom-escuro);
    transform: scale(1.05);
}

/* Ajustes Navbar Bootstrap */
.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.85);
}
.navbar-dark .navbar-nav .nav-link:hover {
    color: var(--branco);
}

.bg-bege { background-color: #F6E2C3; }
.text-bege { color: #F6E2C3; }
.text-marrom { color: #42281E; }
.bg-marrom { background-color: #42281E; }
.border-marrom { border-color: #42281E !important; }

.btn-marrom { background-color: #42281E; color: white; transition: all 0.3s ease; }
.btn-marrom:hover { background-color: #2b1a13; color: white; transform: translateY(-2px); }
.max-w-75 { max-width: 75%; }