/* ============================================================================
   brand-lap.css — PALETA DE MARCA de Los Andes Pass (LAP) para la UI.

   Un archivo por cliente, y en cada uno SOLO los colores que lo identifican. El head
   (wucHeadScripts.ascx, generado igual en los 4 sitios) carga brand-<cliente>.css
   después de tokens.css, eligiendo el cliente con SharedLayoutHelper.GetClientCode()
   (WebCommonApplicationHelper.ClientIdIsLosAndesPass). Todo lo demás (superficies, densidad,
   radios, modo oscuro) es común y vive en tokens.css.

   Derivación sugerida: hover = marca −10% luz; active = −18%; subtle = marca al 8-10% sobre la
   superficie; border = marca al 35%; text = marca −12% luz (contraste AA sobre blanco).
   El sidebar puede ser la marca misma (var(--ui-brand)) o un tono propio, más profundo.
   ============================================================================ */
:root {
    --ui-brand:           #363861;
    --ui-brand-rgb:       54, 56, 97;
    --ui-brand-hover:     #2d2f52;
    --ui-brand-active:    #242642;
    --ui-brand-subtle:    #ebebf3;
    --ui-brand-border:    #bdbed6;
    --ui-brand-text:      #2f3157;
    --ui-brand-contrast:  #ffffff;

    /* Sidebar (tema claro) y barra del ítem activo. Desde 2026-09-18 el sidebar es la marca misma;
       para volver al tono profundo propio: #25263f */
    --ui-sidebar-bg:          var(--ui-brand);
    --ui-sidebar-active-bar:  #a9abff;
}

/* Modo oscuro: lo que depende del cliente (el resto del dark está en tokens.css) */
:root[data-bs-theme="dark"] {
    --ui-brand-text:       #b9bbf5;
    --ui-sidebar-bg:       #17182b;
    --ui-grid-head-bg:     #2d2f4f;
}