/* ============================================================================
   brand-clg.css — PALETA DE MARCA de Club La Gaceta (CLG) 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:           #2a5ba7;
    --ui-brand-rgb:       42, 91, 167;
    --ui-brand-hover:     #244f92;
    --ui-brand-active:    #1e437c;
    --ui-brand-subtle:    #e9eff9;
    --ui-brand-border:    #b7c9e6;
    --ui-brand-text:      #1f4a8b;
    --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: #1b3559 */
    --ui-sidebar-bg:          var(--ui-brand);
    --ui-sidebar-active-bar:  #7fb0ff;
}

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