:root {
    /* Brand colors */
    --primary: #1F2933; /* Header, links activos */
    --secondary: #19B6FF; /* Color secundario */
    --link-fg: #605E5C; /* Color de links */
    --link-hover-color: var(--secondary); /* Hover sobre links */
    --accent: var(--secondary); /* Acentos */
    --header-bg: var(--primary);
    --header-color: var(--secondary);
    --body-bg: #f8f9fa;
    --breadcrumbs-bg: var(--darkened-bg);/*#909090; /*#CCCCCC; /* Header secundario */
    --breadcrumbs-link-fg: var(--link-fg);
    --breadcrumbs-fg: var(--secondary);
    --darkened-bg: #DCDCDC; /* Color del intelineado entre registros */
    --selected-row: #00aeff3d;
    --button-bg: #19B6FF; /* Color del boton */
    --button-hover-bg: #009EE6; /*Color del boton on hover*/
    --default-button-bg: #007FB3; /* Color del boton por defecto*/
    --default-button-hover-bg: #009EE6; /* Color del boton por defecto on hover*/
    --button-fg: #fff; /* Texto del boton */
}

/* Esconde el botón para cambiar a modo escuro-claro */
button.theme-toggle {
    display: none !important;
}

/* Texto del encabezado secundario (cuando se abren subemenus) */
div.breadcrumbs {
    font-weight: bold;
}