/* ==========================================================================
   ANTHROPOFILIA BLOG — CSS ENTRY POINT
   Sistema de diseño modular organizado por capas
   ========================================================================== */

/* ==========================================================================
   CAPA 1: BASE — Fundamentos del sistema
   ========================================================================== */
@import 'base/reset.css'; /* Normalización cross-browser */
@import 'base/variables.css'; /* Tokens de diseño (colores, escalas) */
@import 'base/typography.css'; /* Sistema tipográfico */
@import 'base/base.css'; /* Estilos globales del documento */

/* ==========================================================================
   CAPA 2: LAYOUT — Estructura macro de la página
   ========================================================================== */
@import 'layout/grid.css'; /* Sistema de grid (contenido + sidebar) */
@import 'layout/navigation.css'; /* Navegación principal + hamburguesa */
@import 'layout/footer.css'; /* Pie de página */
@import 'layout/responsive.css'; /* Breakpoints y adaptaciones */
@import 'layout/utilities.css'; /* Helpers globales (clearfix, spacing) */

/* ==========================================================================
   CAPA 3: COMPONENTS — Piezas reutilizables
   ========================================================================== */
@import 'components/header.css'; /* Cabecera del blog */
@import 'components/sidebar.css'; /* Widgets del sidebar */
@import 'components/buttons.css'; /* Sistema de botones */
@import 'components/forms.css'; /* Inputs y formularios */
@import 'components/cards.css'; /* Tarjetas de posts */
@import 'components/media.css'; /* Imágenes y lightbox */
@import 'components/tables.css'; /* Tablas (admin) */
@import 'components/errors.css'; /* Páginas de error (404, 500) */
@import 'components/a11y-fab.css'; /* Botón flotante accesibilidad */
@import 'layout/accessibility.css'; /* Controles de accesibilidad */

/* ==========================================================================
   CAPA 4: PAGES — Estilos específicos de páginas
   ========================================================================== */
@import 'pages/post.css'; /* Página individual de post */
@import 'pages/acerca_de_mi.css'; /* Página individual de acerca de mí */
@import 'pages/_pagina-post.css'; /* Página individual gestora de paginas con post */

/* ========================================
   ADMIN
   ======================================== */
@import 'admin/_admin-layout.css';
@import 'admin/_admin-stats.css';
@import 'admin/_admin-tables.css';
@import 'admin/_admin-paginas.css';

/* ==========================================================================
   NOTAS DE ARQUITECTURA

   - Base: Variables, reset, tipografía → NO tocan layout ni componentes
   - Layout: Grid, navegación, footer → Estructura macro
   - Components: Header, sidebar, botones → Piezas modulares reutilizables
   - Pages: Casos específicos que no encajan en components

   ========================================================================== */