:root {
    --primary-color: #ec4899; /* Pink-500 equivalent */
    --secondary-color: #8b5cf6; /* Purple-500 equivalent */
    --primary-dark: #be185d;
    --secondary-dark: #7c3aed;
    --nav-bg-color: #c98ca7;
}

/* Override Template Colors */
.btn-amarelo {
    background-color: var(--secondary-color) !important;
    border-color: var(--secondary-color) !important;
    color: white !important;
}

.btn-amarelo:hover {
    background-color: var(--secondary-dark) !important;
    border-color: var(--secondary-dark) !important;
}

.btn-laranja {
    background-color: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    color: white !important;
}

.btn-laranja:hover {
    background-color: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

/* Nav Bar Customization */
.navbar-brand img {
    max-height: 60px; /* Adjust based on logo needs */
}

/* Text Highlights */
.text-pink-600 {
    color: var(--primary-color) !important;
}

/* Universal Nav Background */
.div-menu, .nav-custom-bg {
    background-color: var(--nav-bg-color) !important;
}