[data-theme="light"] {
    --background-color: white;
    --text-color: black;
    --table-background-color: white;
    --table-header-background-color: #e5c6b0;
    --table-header-text-color: black;
    --table-row-background-color: white;
    --table-row-text-color: black;
    --table-tbody-tr-hover: #f3f3f3;
    --table-striped-even-text-color: #000000; /* Color de texto para renglones pares */
    --table-striped-odd-text-color: #000000; /* Color de texto para renglones impares */
    --table-border-color: #d7d4d4;
    --menu-text-color: white;
    --menu-text-color-a: #fff;
    --menu-text-color-li-a: #494949;
    --menu-text-color-ul-li-a: #e9e9e9;
    --menu-background: #e9e9e9;
    --menu-ul-li-a-background-color: #d8d8d8;
    --menu-background-hover: #1a95d5;
    --background-contenedor-izquierdo: #e9e9e9;
    --background-color-selected: #AED6F1;
    --titulo-ventana-background-color: #add8e6;
    --titulo-aplicacion-background-color: #ac357a;
    --titulo-aplicacion-text-color: black;
    --background-error: #b06336;
    --link-descripcion-color: #222;
    --link-descripcion-hover: #000;
}

[data-theme="dark"] {
    --background-color: black;
    --text-color: #e9e9e9;
    --table-background-color: #333;
    --table-header-background-color: #555;
    --table-header-text-color: white;
    --table-row-background-color: #444;
    --table-row-text-color: #d8d8d8;
    --table-border-color: #757978;
    --menu-text-color: #c1bbbb;
    --menu-text-color-a: #fff;
    --menu-background: #333;
    --menu-background-hover: #555;
    --menu-ul-li-a-background-color: #424242;
    --background-contenedor-izquierdo: #333;
    --titulo-ventana-background-color: #black;
    --titulo-aplicacion-background-color: #560808;
    --titulo-aplicacion-text-color: white;
    --background-error: #570202;
    --link-descripcion-color: #fff;
    --link-descripcion-hover: #f8f9fa;
}

    [data-theme="dark"] .text-danger {
        color: sandybrown !important;
    }


/* Ajustes globales para tablas */
[data-theme] .table {
    background-color: var(--table-background-color) !important;
    color: var(--table-row-text-color) !important;
    border-color: var(--table-border-color) !important;
}

    [data-theme] .table thead th {
        background-color: var(--table-header-background-color) !important;
        color: var(--table-header-text-color) !important;
        border-color: var(--table-border-color) !important;
    }

    [data-theme] .table > :not(caption) > * > * {
        background-color: var(--table-row-background-color) !important;
        color: var(--table-row-text-color) !important;
        border-color: var(--table-border-color) !important;
    }

[data-theme="light"] .table-hover tbody tr:hover > * {
    background-color: var(--table-tbody-tr-hover) !important;
}

[data-theme="dark"] .table-hover tbody tr:hover > * {
    background-color: #3a3a3a !important; /* ejemplo para hover oscuro */
}


/* --- APLICACIÓN DE TEMA AL BODY --- */

/* La regla clave para que el BODY tome el color definido en las variables --background-color y --text-color */
body[data-theme] {
    background-color: var(--background-color);
    color: var(--text-color);
}