/* ==========================================================================
   PALETA DE COLORES GLOBAL - BPM CONSULTING
   ========================================================================== */

:root {
    /* MODO OSCURO (Por Defecto) */
    --bpm-bg: #12101A;         /* Negro Corporativo */
    --bpm-blue: #00BFFC;       /* Azul Principal BPM */
    --bpm-card: #1c1a26;       
    --bpm-text: #FFFFFF;       /* Blanco Puro */
    --bpm-muted: #8e8b9a;      
    --bpm-border: #2b2836;     
    --bpm-input-bg: #12101A;
    --bpm-table-th: #12101A;
    --bpm-success: #00ffaa;    
    --bpm-danger: #ff4a4a;     
}

body.light-mode {
    /* MODO CLARO CORPORATIVO */
    --bpm-bg: #f4f5f9;         /* Fondo Gris Claro limpio */
    --bpm-card: #FFFFFF;       /* Tarjetas Blancas Puras */
    --bpm-text: #12101A;       /* Texto en Negro Corporativo */
    --bpm-muted: #625f70;      
    --bpm-border: #e2e0eb;     
    --bpm-input-bg: #f8fafc;
    --bpm-table-th: #e2e0eb;
    --bpm-success: #059669;    
    --bpm-danger: #dc2626;     
}

/* Transición suave global para cambios de modo */
body, .card, input, select, table, th, td, button {
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease !important;
}