/* ==========================================================================
   MOBAR INTRANET — Punto de entrada del sistema de diseño
   El orden importa: variables primero, después reset/tipografía, después
   layout y componentes, y los overrides responsivos SIEMPRE al final (así
   se preserva el mismo comportamiento de cascada que tenía el CSS original).
   ========================================================================== */

/* Base */
@import url("base/variables.css");
@import url("base/reset.css");
@import url("base/typography.css");

/* Layout */
@import url("layout/topbar.css");
@import url("layout/contenedor.css");
@import url("layout/portal-shell.css");

/* Componentes */
@import url("components/login.css");
@import url("components/lista-usuarios.css");
@import url("components/forms.css");
@import url("components/buttons.css");
@import url("components/overlay.css");
@import url("components/rutina.css");
@import url("components/colapsibles.css");
@import url("components/tarjetas-progreso.css");
@import url("components/filtro-nav.css");
@import url("components/wizard-tabs.css");
@import url("components/tarjeta-usuario.css");
@import url("components/actividad.css");
@import url("components/tabla.css");
@import url("components/misc.css");
@import url("components/detalle.css");
@import url("components/dictado.css");
@import url("components/theme-toggle.css");

/* Páginas rediseñadas con el sistema de temas claro/oscuro (v0) */
@import url("pages/login.css");
@import url("pages/perfil.css");
@import url("pages/rutina-hoy.css");
@import url("pages/alimentacion.css");
@import url("pages/notificaciones.css");

/* Responsivo — SIEMPRE al final */
@import url("responsive/tablet.css");
@import url("responsive/desktop.css");