:root {
    --color-azul: #3d1c87;
    --color-naranja: #fbbc02;
    --color-negro: #1f140f;
}

.bg-primary {
    background-color: var(--color-azul) !important;
}

.btn-primary {
    background-color: #3d1c87; /* Color azul personalizado */
    border-color: #3d1c87;
    color: white; /* Texto blanco */
}

.btn-primary:hover {
    background-color: #2a125f; /* Un tono más oscuro de azul */
    border-color: #2a125f;
    color: white; /* Texto blanco */
}

.btn-warning {
    background-color: var(--color-naranja);
    border-color: var(--color-naranja);
}

.btn-warning:hover {
    background-color: darken(var(--color-naranja), 10%);
    border-color: darken(var(--color-naranja), 10%);
}

.text-negro {
    color: var(--color-negro);
}