/*class="btn-acc-redirec"           Redirecionar*/
/*class="btn-acc-confirm"           confirmar formularios*/
/*class="btn-acc-form"              acciones de funciones basicas*/
/*class="btn-acc-cancel"            cancelar una accion*/
/*class="btn-acc-step-pre"          avanzar en pasos de ejecucciones*/
/*class="btn-acc-step-next"         retroceder en pasos de ejecucciones*/
/*class="btn-acc-doc"               generar documentos descargar archivos*/
/*class="btn-acc-redirec-head"      redirecionar botones desde header*/
/*class="btn-acc-form-head"         */
/*class="btn-acc-cancel-head"       */
/*class="btn-acc-confirm-head"      */
/*class="btn-acc-step-pre-head"     */
/*class="btn-acc-step-next-head"    */
/*class="btn-acc-doc-head"          */
/*class="form-actions-modal"        acciones que generan un modal */
/*class="btn-acc-end"               acciones que terminan un proceso de varios pasos */

/* /src/css/buttons.css             */
/*class="swal2-confirm"             confirmaciones de modal swal*/
/*class="swal2-cancel"              cancelaciones de modal swal*/
/* ... (tu sección de base común para botones se mantiene igual) ... */
body .btn-acc-redirec, body .btn-acc-confirm, body .btn-acc-form, 
body .btn-acc-cancel, body .btn-acc-step-pre, body .btn-acc-step-next, 
body .btn-acc-doc, body .btn-acc-redirec-head, body .btn-acc-form-head, 
body .btn-acc-cancel-head, body .btn-acc-confirm-head, body .btn-acc-step-pre-head, 
body .btn-acc-step-next-head, body .btn-acc-doc-head, body .btn-acc-end,.swal2-cancel,.swal2-confirm {
    /* Los estilos base (padding, font-weight, etc.) se mantienen igual */
    justify-content: center!important;
    border-radius: 4px!important;
    font-weight: bold!important;
    font-size: .8em!important;
    padding: 0.2em .4em!important;
    display: inline-flex!important;
    align-items: center!important;
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    cursor: pointer!important;
    text-align: center!important;
    text-decoration: none!important;
    white-space: nowrap!important;
    transition: all 0.2s ease-in-out!important;
}
/* ------------------------------------------- */
/* --- 2. COLORES USANDO LAS NUEVAS VARIABLES --- */
/* ------------------------------------------- */

/* === Acciones Positivas (Verde Pastel) === */
.btn-acc-confirm, .btn-acc-step-next, .btn-acc-end,
.btn-acc-confirm-head, .btn-acc-step-next-head,.swal2-confirm {
    background-color: var(--btn-confirm-bg)!important;
    color: var(--btn-confirm-text)!important;
}
.btn-acc-confirm:hover, .btn-acc-step-next:hover, .btn-acc-end:hover,
.btn-acc-confirm-head:hover, .btn-acc-step-next-head:hover, .swal2-confirm:hover {
    background-color: var(--btn-confirm-bg-hover)!important;
}

/* === Acción Principal de Formulario (Naranja Pastel) === */
.btn-acc-form, .btn-acc-form-head {
    background-color: var(--btn-main-bg)!important;
    color: var(--btn-main-text)!important;
}
.btn-acc-form:hover, .btn-acc-form-head:hover {
    background-color: var(--btn-main-bg-hover)!important;
}

/* === Acciones Neutrales (Azul/Gris Pastel) === */
.btn-acc-redirec, .btn-acc-doc, .btn-acc-step-pre,
.btn-acc-redirec-head, .btn-acc-doc-head, .btn-acc-step-pre-head {
    background-color: var(--btn-neutral-bg)!important;
    color: var(--btn-neutral-text)!important;
}
.btn-acc-redirec:hover, .btn-acc-doc:hover, .btn-acc-step-pre:hover,
.btn-acc-redirec-head:hover, .btn-acc-doc-head:hover, .btn-acc-step-pre-head:hover {
    background-color: var(--btn-neutral-bg-hover)!important;
}

/* === Acciones Negativas (Rojo/Rosa Pastel) === */
.btn-acc-cancel, .btn-acc-cancel-head, .swal2-cancel {
    background-color: var(--btn-danger-bg)!important;
    color: var(--btn-danger-text)!important;
}
.btn-acc-cancel:hover, .btn-acc-cancel-head:hover, .swal2-cancel:hover {
    background-color: var(--btn-danger-bg-hover)!important;
}

/* === Acción Especial (Amarillo Pastel) === */
/* (Esta clase no estaba en tu lista, pero la incluyo si la necesitas) */
.btn-acc-special {
    background-color: var(--btn-special-bg)!important;
    color: var(--btn-special-text)!important;
}
.btn-acc-special:hover {
    background-color: var(--btn-special-bg-hover)!important;
}