/* temas.css */

/*
* Definición de Colores Base (Variables CSS)
* ----------------------------------------
*/

/* === TEMA 1: OSCURO (Oscuros con Grises) === */
.theme-oscuro {
    /* Mantén tus estilos oscuros si tienes un selector de tema */
    /* De lo contrario, este código se aplicará al body si no hay tema */
    --body-bg: #212529; /* Fondo general del cuerpo */
    --main-card-bg: #343a40; /* Fondo blanco para la tarjeta principal */
    --card-text: #ffffff; /* Texto principal oscuro */
    --header-text: #f8f9fa; /* Texto de encabezados grandes */
    --input-bg: #495057;
    --input-text: #f8f9fa;
    --input-placeholder-color: #adb5bd;
    --input-border: #6c757d; /* Borde más suave */
    --border-color: #495057; /* Líneas divisorias suaves */
    --border-color-light: #5c636a; /* Líneas más claras en listas */
    --list-hover: #454d55; /* Fondo al pasar el ratón en listas (azul muy claro) */
    --list-striped-bg: #3c434a; /* Fondo para filas impares */
    --danger-light-bg: rgba(220, 53, 69, 0.2); /* Fondo para alertas de peligro */
     /* 🎨 FONDOS DE LISTAS ESPECÍFICOS PARA MÓDULO DE ASIGNACIÓN */
    /* Fondo para la lista de Alumnos ASIGNADOS */
    --list-container-bg-assigned: #495057; /* Un gris oscuro ligeramente distinto al fondo de tarjeta */
    /* Fondo para la lista de Alumnos DISPONIBLES */
    --list-container-bg-available: #343a40; /* Un gris oscuro diferente para contraste */
     /* Color de Texto Principal en Tarjetas (el color que quieres que sea blanco) */


}

/* === TEMA 2: CLARO (Blanco con Grises Oscuros) === */
.theme-claro {
    --navbar-bg: #ffffff;   /* Blanco puro para Navbar */
    --navbar-text: #212529; /* Gris oscuro para el texto de Navbar */
    --body-bg: #f8f9fa;     /* Gris muy claro (Blanco roto) para Fondo principal */
    --card-bg: #ffffff;     /* Blanco puro para Tarjetas */
    --card-text: #212529;   /* Gris muy oscuro para Textos (Netro) */
    --heading-color: #0d6efd; /* AZUL (Primary) como acento */
    --list-hover: #e9ecef;  /* Gris claro para hover */
* 🎨 FONDOS DE LISTAS ESPECÍFICOS PARA MÓDULO DE ASIGNACIÓN */
    /* Fondo para la lista de Alumnos ASIGNADOS */
    --list-container-bg-assigned: #e9ecef; /* Gris muy claro para diferenciar */
    /* Fondo para la lista de Alumnos DISPONIBLES */
    --list-container-bg-available: #ffffff; /* Blanco puro */


}

/* === TEMA 3: AZUL PRINCIPAL (Azul y Azul Oscuro, no chillante) === */
.theme-principal {
    --navbar-bg: #1a4e7c;   /* Azul Oscuro y Profundo (No Chillante) */
    --navbar-text: #ffffff;
    --body-bg: #e9ecef;     /* Gris claro para el Fondo principal */
    --card-bg: #ffffff;     /* Blanco puro para Tarjetas */
    --card-text: #212529;
    --heading-color: #0d6efd; /* AZUL (Primary) como acento */
    --list-hover: #f1f1f1;
    /* 🎨 FONDOS DE LISTAS ESPECÍFICOS PARA MÓDULO DE ASIGNACIÓN */
    /* Puedes usar tonos de azul o grises claros para mantener el diseño principal */
    --list-container-bg-assigned: #e2f0ff; /* Azul muy claro */
    --list-container-bg-available: #ffffff; /* Blanco */
    
    /* ... otras variables de color del tema principal ... */
}


/*
* Estilos Globales Aplicados por Tema
* -----------------------------------
*/

/* Aplica el fondo y color base al cuerpo de la página */
body {
    background-color: var(--body-bg) !important;
    color: var(--card-text) !important;
    transition: background-color 0.3s, color 0.3s;
}

/* Estilos de la Barra de Navegación */
.navbar {
    background-color: var(--navbar-bg) !important;
    color: var(--navbar-text) !important;
}
.navbar .nav-link, .navbar .navbar-text {
    color: var(--navbar-text) !important;
}
.navbar-brand {
    color: var(--navbar-text) !important;
}


/* Estilos de las Tarjetas/Paneles (Card) */
.card {
    background-color: var(--card-bg) !important;
    color: var(--card-text) !important;
    border-color: rgba(255, 255, 255, 0.1) !important;
}

/* Encabezados y Textos de Acento */
h1, h2, h3, h4 {
    color: var(--heading-color) !important;
}
/* Asegura que los textos de las tarjetas de resumen y listados sean legibles */
.card-body, .list-group-item {
    color: var(--card-text) !important;
    background-color: var(--card-bg) !important;
}

/* Ajuste para los items de la lista de asignaciones */
.list-group-item-action:hover {
    background-color: var(--list-hover) !important;
}
/* El badge azul debe seguir siendo visible en cualquier tema */
.list-group-item .badge.bg-primary {
    background-color: #0d6efd !important;
}

/* El encabezado de la tarjeta de Asignaciones se mantiene azul primario fijo */
.card-header.bg-primary {
    background-color: #0d6efd !important; 
    color: white !important;
}