/* ==========================================================================
   SISTEMA PRINCIPAL DE ESTILOS CSS (MASTER ORCHESTRATOR)
   ==========================================================================
   INSTRUCCIONES DE USO:
   1. La SECCIÓN 1 (Reset) y SECCIÓN 2 (Tokens & Design System) son OBLIGATORIAS.
   2. La SECCIÓN 3 (Componentes) contiene todos los componentes activos del sistema.
   3. La SECCIÓN 4 (Layout) proporciona la maquetación responsiva global (App Shell).
   4. Las vistas especializadas (compras, pos, pago-proveedor, etc.) se cargan
      exclusivamente bajo demanda mediante $extraCss desde sus controladores.
   ========================================================================== */

/* --------------------------------------------------------------------------
   SECCIÓN 1: RESET Y NORMALIZACIÓN (Obligatorio)
   -------------------------------------------------------------------------- */
@import './reset.css';

/* --------------------------------------------------------------------------
   SECCIÓN 2: DESIGN TOKENS & DECISIONES (Obligatorio - Fuente única de verdad)
   -------------------------------------------------------------------------- */
@import './01-tokens/colors.css';
@import './01-tokens/typography.css';
@import './01-tokens/spacing.css';
@import './01-tokens/effects.css';
@import './01-tokens/design-system.css';

/* --------------------------------------------------------------------------
   SECCIÓN 3: COMPONENTES DE INTERFAZ PORTABLES (ACTIVOS AL 100%)
   -------------------------------------------------------------------------- */

/* --- Componentes Base e Interacción --- */
@import './02-components/icons.css';
@import './02-components/buttons.css';
@import './02-components/inputs.css';
@import './02-components/forms.css';
@import './02-components/cards.css';
@import './02-components/badges.css';
@import './02-components/totales-box.css';

/* --- Componentes de Estructura y Navegación --- */
@import './02-components/header.css';
@import './02-components/footer.css';

/* --- Componentes de Información y Feedback --- */
@import './02-components/alerts.css';
@import './02-components/tables.css';
@import './02-components/modals.css';
@import './02-components/tooltips.css';
@import './02-components/utilities.css';

/* --------------------------------------------------------------------------
   SECCIÓN 4: MAQUETACIÓN GLOBAL (APP SHELL)
   -------------------------------------------------------------------------- */
@import './03-views/layout.css';

/* ==========================================================================
   REGLAS GLOBALES UTILITARIAS
   ========================================================================== */
body {
  font-family: var(--font-sans);
  background-color: var(--bg-canvas);
  color: var(--text-primary);
  line-height: var(--leading-normal);
}