/* ╔══════════════════════════════════════════════════════════════════════╗
   ║  BRAND · Identidad del proyecto (se carga DESPUÉS de erp-ui.css)      ║
   ║                                                                      ║
   ║  Único archivo que hay que tocar para rebrandear la plantilla.       ║
   ║  Ajusta los tokens; todo lo demás (botones, badges, tarjetas,        ║
   ║  sidebar, encabezados, acceso) se recolorea solo.                    ║
   ║                                                                      ║
   ║  Maiquito Rent Car reparte la identidad en dos planos:               ║
   ║                                                                      ║
   ║   · El SISTEMA conserva el teal de la plantilla (--erp-primary en    ║
   ║     erp-ui.css). El rojo del logo es intenso y en una operación de   ║
   ║     rentas ya significa algo: vencido, mora, anulación. Si el botón  ║
   ║     "Nuevo" y el botón "Eliminar" comparten color, se pierde esa     ║
   ║     señal. Por eso aquí no se sobrescribe --erp-primary.             ║
   ║                                                                      ║
   ║   · La PANTALLA DE ACCESO y el logo llevan el rojo · negro · plata   ║
   ║     del escudo (docs/logo.jpg). Esos tokens viven abajo y auth.css   ║
   ║     los usa sólo dentro de .auth-body.                               ║
   ║                                                                      ║
   ║  Para rebrandear el sistema entero: descomenta el bloque de color    ║
   ║  de marca y ajusta los cinco valores + --erp-primary-rgb.            ║
   ╚══════════════════════════════════════════════════════════════════════╝ */

:root {
    /* --- Color de marca del sistema ------------------------------------
       Descomentar para recolorear botones, badges, tintes y focos.
       primary          → color base
       primary-600/700  → dos escalones más oscuros (hover / activo)
       primary-soft(-2) → fondos suaves para badges e iconos
       primary-rgb      → los mismos canales, para rgba() con transparencia
    ------------------------------------------------------------------- */
    /*
    --erp-primary:        #0E7C86;
    --erp-primary-600:    #0B6670;
    --erp-primary-700:    #095059;
    --erp-primary-soft:   #E6F2F3;
    --erp-primary-soft-2: #C9E4E6;
    --erp-primary-rgb:    14, 124, 134;
    */

    /* Anillo accesible de :focus-visible: erp.css lo lee de --c-brand y su
       respaldo era un índigo (#6366f1) que no es de la casa. */
    --c-brand: #0E7C86;

    /* --- Neutros de la marca -------------------------------------------
       El negro grafito y la plata del bisel del logo.
    ------------------------------------------------------------------- */
    --brand-carbon: #141519;
    --brand-silver: #D7DBDF;

    /* --- Pantalla de acceso (layouts/guest + auth.css) -----------------
       Escenario en plata: el mismo gris claro sobre el que vive el escudo
       del logo. En tema oscuro auth.css lo cambia por carbón.
    ------------------------------------------------------------------- */
    --brand-stage-from: #FAFBFC;
    --brand-stage-mid:  #EAECEF;
    --brand-stage-to:   #D1D6DC;
    --brand-accent:     #E8262F;
    --brand-accent-rgb: 232, 38, 47;

    /* Rojo del logo para el acceso (auth.css lo aplica dentro de .auth-body). */
    --brand-red:        #D01A21;
    --brand-red-600:    #B0141A;
    --brand-red-700:    #8D1015;
    --brand-red-soft:   #FDEFF0;
    --brand-red-soft-2: #F9D6D8;
    --brand-red-rgb:    208, 26, 33;
}