/* Light Theme (inspired by Visual Studio) */

:root {
    --blazor-load-background-color: #ffffff; /* Color de fondo para el inicio de carga en tema claro */
    --app-text-color: #333333; /* Color de letra de la aplicación */
    --index-background-color: #ffffff; /* Color de fondo para Index.razor */
    --oi-color: white; /* Color de los iconos de navegación */
    --palette-color-01: #5c7a99;
    --palette-color-02: #3c5a79;
    --palette-color-03: white;
    --palette-color-04: #333333;
    --palette-color-05: #d3dce6;
    --palette-color-06: black;
    --palette-color-07: #ffffff;
    --palette-color-08: #cccccc;
    --palette-color-09: var(--pale-gray);
    --palett-color-11: black;
    --icon-io-color-navmenu: white;
    --topbar-color-a-hover: #1abc9c;
    --navmenu-container-background: #3c5a79;
    --background-tint-color: #ffffff;
    --h3-color: black;
    --h4-color: black;
    /*_________________________________Custom Paper__________________________________________*/
    --custom-paper-background-color: white;
    --custom-paper-text-color: black;
    /*_________________________________BARRA SUPERIOR_______________________________________*/
    --top-bar-background-color: #3c5a79; /* Color de fondo de la barra superior */
    --top-bar-text-color: white; /* Color de texto de la barra superior */
    /*________________________________MENU DE NAVEGACION_____________________________________*/
    --navbar-background-color: #5c7a99; /* Color de fondo de la barra de navegación */
    --navbar-text-color: white; /* Color de texto de la barra de navegación */
    --navbar-sub_item-menu_name-hover-color: #d4ac0d; /* Color de los iconos de navegación + el texto */
    --navlink-hover-background-color: #3c5a79; /* Color de fondo de los enlaces de navegación al pasar el ratón */
    --navlink-hover-text-color: white; /* Color de texto de los enlaces de navegación al pasar el ratón */
    --navlink-active-background-color: #2c4a69; /* Color de fondo de los enlaces de navegación activos */
    --navlink-active-text-color: white; /* Color de texto de los enlaces de navegación activos */
    /*___________________________________BOTONES_____________________________________________*/
    --button-background-color: #5c7a99; /* Color de fondo de los botones */
    --button-text-color: white; /* Color de texto de los botones */
    --button-hover-background-color: #3c5a79; /* Color de fondo de los botones al pasar el ratón */
    --button-hover-text-color: white; /* Color de texto de los botones al pasar el ratón */
    /*_________________________________TABLAS_____________________________________________*/
    --table-border-color: #cccccc; /*Color de bordes de la tabla*/
    --table-text-color: #333333; /*Color de texto de los datos de la tabla*/
    --table-header-background-color: #547AA1; /*Color de el encabezado de la tabla*/
    --table-hover-background-color: #89A2BC;
    --table-edit-icon: #547AA1;
    /*_________________________________DIALOG THEME__________________________________________*/
    --dialog-background-color: #e6edf7; /* Fondo blanco del contenedor principal */
    --dialog-text-color: #333333; /* Texto gris oscuro para buena lectura */

    --paper-container-background: #f5f7fa; /* Fondo suave para el contenedor interno */
    --paper-container-border: #cccccc; /* Borde gris claro */

    --navigation-panel-background: #e6ecf2; /* Panel lateral con fondo ligeramente gris azulado */
    --navigation-panel-border: #cbd5e0; /* Borde más claro */

    --boton-activo-background: #cbdff7; /* Botón activo con azul muy claro */
    --boton-inactivo-background: #eef3f8; /* Botón inactivo con gris/azul muy claro */
    --boton-hover-background: #d5e4f5; /* Hover con azul claro */

    --content-section-background: #f0f4f8; /* Sección derecha ligeramente gris-azulada */
    --content-section-border: #cccccc; /* Borde gris claro */
    --content-section-text: #333333; /* Texto principal oscuro */
}