:root {
    --preto: #111111;
    --preto-secundario: #1a1a1a;
    --amarelo-ouro: #FFD700;
    --dourado: #DAA520;
}

body {
    background-color: var(--preto);
    color: #ffffff;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.text-gold { color: var(--amarelo-ouro) !important; }
.bg-gold { background-color: var(--amarelo-ouro) !important; color: var(--preto) !important; }
.bg-dark-custom { background-color: var(--preto-secundario) !important; }

.btn-gold {
    background-color: var(--amarelo-ouro);
    color: var(--preto);
    font-weight: bold;
    border: none;
    transition: 0.3s;
}


.btn-gold:hover {
    background-color: var(--dourado);
    color: var(--preto);
}

.card-custom {
    background-color: var(--preto-secundario);
    border: 1px solid var(--dourado);
    border-radius: 10px;
}

/* Botão WhatsApp Flutuante */
.whatsapp-btn {
    position: fixed;
    bottom: 30px;
    right: 30px;
    background-color: #25d366;
    color: white;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 30px;
    box-shadow: 0px 4px 10px rgba(0,0,0,0.5);
    z-index: 1000;
    transition: 0.3s;
    text-decoration: none;
}

.bg-black-pure {
    background-color: var(--preto-puro) !important;
}
.whatsapp-btn:hover { background-color: #128c7e; color: white; transform: scale(1.1); }