.light-theme {
    --bs-primary: #A7DDAF;
    /*jx4*/
    --jx4-bg-color: var(--bs-gray-200);
    --jx4-aside-border-color: white;
    --jx4-aside-left-border-color: white;
    /* --- Barra de navegacion principal (rail) -- PBI 8402 ---
       Fondo oscuro fijo: estos valores son IGUALES en app-light.css y en
       app-dark.css a proposito, para que el rail no cambie con el theme.
       --jx4-nav-width es el unico punto donde se define el ancho: los
       sidebars de vista se anclan con calc() sobre esta variable. */
    --jx4-nav-width: 52px;
    --jx4-nav-bg-color: #1b1a19;
    --jx4-nav-border-color: #2b2a29;
    --jx4-nav-icon-color: var(--bs-gray-400);
    --jx4-nav-icon-hover-color: #ffffff;
    --jx4-nav-icon-hover-bg: rgba(255, 255, 255, .10);
    --jx4-nav-icon-active-color: #ffffff;
    --jx4-nav-icon-active-bg: rgba(255, 255, 255, .16);
    --jx4-icon-hover: #f3f2f1;
    --jx4-icon-color: var(--bs-gray-700);
    --jx4-logo-svg: invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(1) contrast(1);
    --jx4-card-color: #f1f3f2;
    --jx4-card-border-color: var(--bs-gray-400);
    --jx4-indicator-color: white;
    --jx4-toolbar-text-color: #201f1e;
    --jx4-toolbar-icon-color: var(--bs-gray-400);
    --jx4-toolbar-icon-color-new: var(--bs-gray-600);
    --jx4-button-text-color: var(--bs-gray-100);
    --jx4-button-text-color-disabled: var(--bs-gray-600);
    --jx4-button-background: black;
    --jx4-button-background-disabled: var(--bs-gray-300);
    --jx4-button-border-color: black;
    --jx4-button-border-color-new: var(--bs-gray-400);
    --jx4-inbox-detail-color: var(--bs-gray-700);
    --jx4-inbox-descripcion-color: black;
    --jx4-field-ref-color: var(--bs-gray-600);
    --jx4-field-info-color: var(--bs-success);
    --jx4-field-danger-color: var(--bs-danger);
    /* reportes: columna con filtro activo e indicador de filtros (PBI 8414). Azul de la paleta de marca */
    --jx4-grid-filtered-accent: #71a6ff;
    --jx4-grid-filtered-bg: rgba(113, 166, 255, .18);
    --jx4-grid-filtered-text: #1b1a19;
    --jx4-form-panel-color: var(--bs-gray-100);
    --jx4-form-input-disable-color: var(--bs-gray-200);
    --jx4-nav-items-color: var(--bs-gray-800);
    --jx4-nav-items-add-color: var(--bs-gray-900);
    --jx4-nav-items-add-hover: var(--bs-gray-600);
    --jx4-scrollbar-color: var(--bs-gray-400);
    --jx4-scrollbar-color-back: var(--bs-gray-200);
    --jx4-scrollbar-color-hover: var(--bs-gray-500);
    --jx4-scrollbar-color-active: var(--bs-gray-500);
    --jx4-sidebar-text-color: var(--bs-gray-700);
    --jx4-dialog-bg: white;
    --jx4-skeleton-color: var(--bs-gray-300);
    --jx4-switch-color: var(--bs-gray-600);
    --jx4-loginform-color: var(--bs-gray-300);
    --jx4-selectentity-color: var(--bs-gray-800);
    --jx4-avatar-bg-color: #01567b;
    --jx4-avatar-text-color: var(--bs-gray-100);
    --jx4-listitem-bg-color: var(--bs-gray-300);
    --jx4-treeview-bg-color: var(--bs-gray-100);
    --jx4-chat-bg-color1: var(--bs-gray-200);
    --jx4-chat-bg-color2: var(--bs-gray-400);
    --jx4-info-icon-color: var(--bs-gray-700);
    --jx4-logo: url('/images/logos/logo_app-light.png');
    --jx4-logo-footer-sisem: url('/images/logos/isologo_sisem.png');
    --chat-ai-color: var(--bs-gray-800);
}