/* ==========================================================================
   Arquitectura global de estilos — Sistema de Cajas Menores FSD
   ==========================================================================

   Este archivo es el punto de entrada de todo el sistema de estilos.
   No contiene estilos propios; su función es importar los módulos CSS
   en el orden correcto para que todas las páginas tengan coherencia visual.

   Los módulos se cargan en cascada: cada uno puede usar variables y estilos
   definidos por los módulos que se importaron antes que él.
   ========================================================================== */

/* 1. Variables globales y estilos base
   - variables.css: Define los colores, fuentes y tamaños del sistema de diseño.
   - reset.css: Elimina los estilos por defecto del navegador para partir de cero.
   - components-base.css: Base para los Web Components (custom elements). */
@import url('./Assets/css/variables.css');
@import url('./Assets/css/reset.css');
@import url('./Assets/css/components-base.css');

/* 2. Tipografía y estructura
   - typography.css: Tamaños de fuente, pesos y familias tipográficas.
   - layout.css: Sistema de rejilla y contenedores de página.
   - loading.css: Animaciones de carga (spinners, skeletons). */
@import url('./Assets/css/typography.css');
@import url('./Assets/css/layout.css');
@import url('./Assets/css/loading.css');

/* 3. Componentes visuales globales
   - buttons.css: Estilos para todos los botones del sistema.
   - cards.css: Tarjetas de información y contenedores visuales.
   - hero.css: Sección banner o encabezado destacado de las páginas. */
@import url('./Assets/css/buttons.css');
@import url('./Assets/css/cards.css');
@import url('./Assets/css/hero.css');

/* 4. Formularios y controles interactivos
   - form-system.css: Estilos para campos de texto, etiquetas y mensajes de error.
   - controls.css: Controles especiales como toggles, checkboxes y selects. */
@import url('./Assets/css/form-system.css');
@import url('./Assets/css/controls.css');