/* ==========================================================================
   CSS INDEX — ConnectSpace
   Centraliza todos los imports modulares en una estructura escalonada.

   LOAD ORDER:
   1. Tokens      — variables y design tokens (sin dependencias)
   2. Themes      — sobreescritura de tokens por tema (dark mode)
   3. Base        — estilos globales y estructura de layout
   4. Shared      — componentes reutilizables cross-page
   5. Pages       — módulos UI de cada vista/página
   6. Utilities   — helpers de uso transversal (overrides permitidos)
   7. Responsive  — breakpoint overrides (siempre al final)
   ========================================================================== */

/* 1 ── TOKENS ─────────────────────────────────────────────── */
@import url('tokens/_variables.css');

/* 2 ── THEMES ────────────────────────────────────────────── */
@import url('themes/dark/_dark.css');
@import url('themes/_font-size.css');

/* 3 ── BASE ──────────────────────────────────────────────── */
@import url('base/_base.css');

/* 4 ── SHARED COMPONENTS ─────────────────────────────────── */
/*      Estilos base estándar, reutilizables en cualquier página.
        Los módulos de página pueden sobreescribir con mayor especificidad. */
@import url('components/_buttons.css');
@import url('components/_forms.css');
@import url('components/_tables.css');
@import url('components/_pagination.css');
@import url('components/_toast.css');
@import url('components/_dropdowns.css');
@import url('components/_topbar.css');

/* 5 ── PAGE MODULES ──────────────────────────────────────── */
/*      Estilos específicos de cada vista. Usan los shared components
        como base y añaden personalización propia. */
@import url('components/modules/_messages.css');
@import url('components/modules/_channels.css');
@import url('components/modules/_files.css');
@import url('components/modules/_directory.css');
@import url('components/modules/_home.css');
@import url('components/modules/_login.css');
@import url('components/modules/_admin.css');

/* 6 ── UTILITIES ─────────────────────────────────────────── */
@import url('utilities/_utilities.css');

/* 7 ── RESPONSIVE OVERRIDES ──────────────────────────────── */
@import url('base/_responsive.css');