/* ********************************************************************
   *  ASEAC — style.css                                               *
   *  Hoja de estilos principal. Organizada en secciones por módulo.  *
   *  Usa variables CSS en :root para el sistema de temas dinámicos.  *
   ******************************************************************** */

/* =============================================
   VARIABLES GLOBALES — SISTEMA DE TEMAS
   Estas variables son sobrescritas por aplicarTema() en JS
   cada vez que el usuario cambia el tema de color.
   · --carbon-*     → colores de fondo (fondo, columna, tarjeta)
   · --texto-*      → colores de texto principal y secundario
   · --color-*      → colores de estado de las tarjetas de materia
   ============================================= */
:root {
    --carbon-fondo: #000000; /* Negro RGB profundo */
    --carbon-columna: rgba(255, 255, 255, 0.015); /* Ventana de cristal casi invisible */
    --carbon-tarjeta: rgba(255, 255, 255, 0.035); /* Tarjeta de cristal */

    --texto-principal: #f8fafc; /* Blanco limpio */
    --texto-secundario: #94a3b8; /* Gris neutral apagado */

    --color-disponible: #00e5ff;
    --color-aprobada: #00e676;
    --color-bloqueada: #1e293b;
}