/* ==========================================================================
   Business POS — valores de marca
   ==========================================================================

   Esta rama ES Business POS. No hay interruptor de marca ni segundo juego de
   valores: la rama separa las marcas, y el `.env` separa las bases. Los hex de
   Grupo Gaplam no existen en este árbol, y una prueba lo comprueba.

   Azul primario, naranja SOLO para la acción principal — como el logo. En el
   logo el azul es la letra y el naranja el trazo que la cierra; en la interfaz
   el azul es todo (menú, enlaces, foco, gráficos) y el naranja aparece una vez
   por pantalla, en el botón que importa: Cobrar, Guardar, Transmitir.

   Los hex son una LECTURA de la imagen del logo, no una medición. Se confirman
   midiendo el archivo original antes de darlos por definitivos.
   ========================================================================== */

:root {

    /* ---- Capa 1: la marca ---------------------------------------------- */

    --marca-primario:        #2C6FF3;
    --marca-primario-rgb:    44, 111, 243;
    --marca-primario-hover:  #2260da;
    --marca-primario-activo: #1b54c8;
    --marca-primario-suave:  #dde8fd;
    --marca-primario-borde:  #a9c5fa;
    --marca-primario-texto:  #16409a;
    --marca-primario-lavado: #eef4fe;

    /* El naranja del logo. Acá SÍ es un color distinto del primario, y ésa es
       toda la diferencia de comportamiento entre las dos marcas. */
    --marca-accion:          #FA6400;
    --marca-accion-rgb:      250, 100, 0;
    --marca-accion-hover:    #e05a00;
    --marca-accion-activo:   #d45400;
    --marca-accion-texto:    #ffffff;

    /* El slate y los neutros se conservan: son la base gris del tema, no
       marca. Cambiarlos sin motivo solo agrega diferencias que revisar. */
    --marca-slate:           #415669;
    --marca-slate-rgb:       65, 86, 105;
    --marca-slate-hover:     #354655;
    --marca-slate-suave:     #d9dee1;
    --marca-slate-borde:     #b3bcc3;
    --marca-slate-texto:     #27343f;

    --marca-fondo:           #f5f7f9;
    --marca-fondo-degradado: #e9ecef;
    --marca-texto:           #444444;
    --marca-titulo:          #2f3349;

    /* ---- Capa 2: el contrato con Bootstrap y Vuexy ---------------------- */

    --bs-primary:                 var(--marca-primario);
    --bs-primary-rgb:             var(--marca-primario-rgb);
    --bs-primary-bg-subtle:       var(--marca-primario-suave);
    --bs-primary-border-subtle:   var(--marca-primario-borde);
    --bs-primary-text-emphasis:   var(--marca-primario-texto);

    --bs-secondary:               var(--marca-slate);
    --bs-secondary-rgb:           var(--marca-slate-rgb);
    --bs-secondary-bg-subtle:     var(--marca-slate-suave);
    --bs-secondary-border-subtle: var(--marca-slate-borde);
    --bs-secondary-text-emphasis: var(--marca-slate-texto);

    --bs-body-bg:                 var(--marca-fondo);
    --bs-body-color:              var(--marca-texto);
    --bs-heading-color:           var(--marca-titulo);
}