/* Tema Veler Blue */
:root {
    /* --- Tema Oscuro (Proporcionado por el usuario - Igual al Default) --- */
    --bg-color: #1E1E1E;
    --bg-container: #1E1E1E;
    --text-color-primary: #F0E6D2;             /* Texto principal claro */
    --text-color-secondary: #CCCCCC;           /* Texto secundario grisáceo */
    --accent-color: #F7D7A5;                 /* Acento: Dorado pálido */
    --input-bg: #3D3D3C;
    --input-text-color: var(--text-color-primary);
    --input-placeholder-color: #C8B575;
    --button-primary-bg: var(--accent-color);
    --button-primary-text: #1E1E1E;             /* Texto oscuro para contraste en botón primario */
    --button-secondary-bg: #161616;
    --button-secondary-text: var(--accent-color);
    --border: #444444;                         /* Bordes sutiles */
    --error-alert: #E57373;                 /* Color para errores */
    --logo-line-color: var(--accent-color);    /* Línea divisora logos */
    --modal-bg: var(--bg-container);
    --modal-text: var(--text-color-primary);
    --header-bg: var(--bg-container);

    /* -- Variables Sidebar Modo Oscuro (Colores Originales) -- */
    --sidebar-bg: var(--bg-container);
    --sidebar-top-bg: var(--sidebar-bg);
    --sidebar-bottom-bg: var(--sidebar-bg);
    --sidebar-text-color: var(--text-color-primary);
    --sidebar-icon-color: var(--text-color-secondary);
    --sidebar-border-color: var(--border);
    --sidebar-item-hover-bg: rgba(var(--accent-color-rgb), 0.1);
    --sidebar-item-active-bg: rgba(var(--accent-color-rgb), 0.2);
    --sidebar-item-active-border: var(--accent-color);
    --sidebar-item-active-color: var(--accent-color);
    --sidebar-progress-bar-bg: var(--border);
    --sidebar-progress-fill-bg: var(--accent-color);
    --sidebar-status-default-bg: var(--border);
    --sidebar-status-completed-bg: #81C784;
    --sidebar-toggle-color: var(--accent-color);
    --sidebar-toggle-color-bg: #1E1E1E;
    --sidebar-toggle-collapsed-color: var(--sidebar-toggle-color);
    --sidebar-toggle-hover-bg: rgba(var(--accent-color-rgb), 0.15);

    /* Versiones RGB (Originales) */
    --accent-color-rgb: 247, 215, 165;         /* RGB Dorado Pálido */
    --bg-color-rgb: 30, 30, 30;
    --text-color-primary-rgb: 240, 230, 210;

    --link-color: #F7D7A5;
}

/* --- Tema Claro (Acento Azul Veler) --- */
:root.light-theme {
    --bg-color: #FFFFFF;                     /* Fondo Blanco */
    --bg-container: #FFFFFF;                 /* Contenedor Blanco */
    --text-color-primary: #212529;             /* Texto Negro/Gris muy oscuro */
    --text-color-secondary: #6c757d;           /* Texto Gris secundario */
    --accent-color: #3459A1;                 /* !! Acento Azul Veler !! */
    --input-bg: #f8f9fa;                     /* Input Gris muy claro */
    --input-text-color: var(--text-color-primary);
    --input-placeholder-color: #6c757d;       /* Placeholder Gris */
    --button-primary-bg: var(--accent-color);    /* Botón primario Azul */
    --button-primary-text: #FFFFFF;             /* Texto Blanco */
    --button-secondary-bg: #FFFFFF;             /* Botón secundario Blanco */
    --button-secondary-text: var(--accent-color);/* Texto Azul */
    --border: #b4b4b4;                     /* Borde Gris claro */
    --error-alert: #dc3545;                 /* Rojo Error */
    --logo-line-color: var(--border);
    --modal-bg: var(--bg-container);
    --modal-text: var(--text-color-primary);
    --header-bg: var(--bg-container);

    /* -- Variables Sidebar Modo Claro (Estilo Estándar Claro) -- */
    --sidebar-bg: #FFFFFF;                    /* Fondo Sidebar Blanco */
    --sidebar-top-bg: var(--sidebar-bg);
    --sidebar-bottom-bg: var(--sidebar-bg);
    --sidebar-text-color: #343a40;            /* Texto Principal Oscuro */
    --sidebar-icon-color: #495057;            /* Icono Gris Oscuro */
    --sidebar-border-color: var(--border);    /* Borde Gris Claro */
    --sidebar-item-hover-bg: rgba(var(--accent-color-rgb), 0.1); /* Hover Azul Transparente */
    --sidebar-item-active-bg: rgba(var(--accent-color-rgb), 0.15);/* Activo Azul más Transparente */
    --sidebar-item-active-border: var(--accent-color); /* Borde Activo Azul */
    --sidebar-item-active-color: var(--accent-color); /* Texto/Icono Activo Azul */
    --sidebar-progress-bar-bg: var(--border);   /* Fondo Barra Gris Claro */
    --sidebar-progress-fill-bg: var(--accent-color); /* Relleno Azul */
    --sidebar-status-default-bg: var(--border); /* Status Gris Claro */
    --sidebar-status-completed-bg: #4CAF50;   /* Verde Estándar */
    --sidebar-toggle-color: var(--accent-color);/* Icono Toggle Azul */
    --sidebar-toggle-color-bg: white;
    --sidebar-toggle-collapsed-color: var(--sidebar-toggle-color); /* Mismo color colapsado */
    --sidebar-toggle-hover-bg: rgba(var(--accent-color-rgb), 0.15);

    /* Versiones RGB */
    --accent-color-rgb: 52, 89, 161;          /* !! RGB Azul Veler !! */
    --bg-color-rgb: 255, 255, 255;
    --text-color-primary-rgb: 33, 37, 41;       /* RGB #212529 */

    --link-color: #3459A1;

}