/* ==========================================================================
   SISTEMA PRINCIPAL DE ESTILOS CSS
   ========================================================================== */

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

/* --------------------------------------------------------------------------
   SECCIÓN 2: DESIGN TOKENS & DECISIONES
   -------------------------------------------------------------------------- */
@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
   -------------------------------------------------------------------------- */

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

/* --- Componentes de Estructura y Navegación --- */
@import './02-components/sidebar.css';
@import './02-components/navbar.css';
@import './02-components/page-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/dropdowns.css';
@import './02-components/pagination.css';
@import './02-components/modals.css';
@import './02-components/file-viewer.css';
@import './02-components/tabs.css';
@import './02-components/tooltips.css';
@import './02-components/upload-widget.css';

/* --- Utilidades Atómicas de Apoyo --- */
@import './02-components/utilities.css';

/* --------------------------------------------------------------------------
   SECCIÓN 4: VISTAS Y MAQUETACIÓN
   -------------------------------------------------------------------------- */
@import './03-views/layout.css';
@import './03-views/login.css';
@import './03-views/errors.css';
@import './03-views/dashboard/dashboard.css';
@import './03-views/proyectos/index.css';
@import './03-views/repositorio/windows-explorer.css';
@import './03-views/repositorio/auditoria.css';
@import './03-views/repositorio/versiones.css';
@import './03-views/seguimiento/seguimiento.css';
@import './03-views/papelera.css';

body {
  font-family: var(--font-sans);
  background-color: var(--bg-canvas);
  color: var(--text-primary);
  line-height: var(--leading-normal);
}

/* ==========================================================================
   SISTEMA DE ICONOS VECTORIALES (SVG SPRITE & INLINE)
   ========================================================================== */
.icon {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  vertical-align: -0.2em;
  fill: currentColor;
  flex-shrink: 0;
  pointer-events: none;
}

.icon--xs { width: 0.875em; height: 0.875em; }
.icon--sm { width: 1em; height: 1em; }
.icon--md { width: 1.25em; height: 1.25em; }
.icon--lg { width: 1.5em; height: 1.5em; }
.icon--xl { width: 2em; height: 2em; }