/* ================================================================
   MVPSocial — CSS Architecture
   Importa los módulos en orden de cascada correcto.
   Para usar: reemplaza el bloque <style> del HTML por:
   <link rel="stylesheet" href="css/index.css">
   ================================================================ */

/* 1. Variables y design tokens (debe ser primero) */
@import "tokens.css";

/* 2. Tema claro (override de tokens) */
@import "theme-light.css";

/* 3. Easter egg — halo divino */
@import "theme-holy.css";

/* 4. Reset y base */
@import "reset.css";

/* 5. Sistema de glass */
@import "glass.css";

/* 6. Utilidades y tipografía */
@import "utilities.css";

/* 7. Componentes reutilizables */
@import "components.css";

/* 8. Features específicas (settings, profile avatar, evo, shop) */
@import "features.css";

/* 9. Páginas (landing, auth) */
@import "page-landing.css";
@import "page-auth.css";

/* 10. Shell de la app y layout */
@import "layout-app.css";

/* 11. Paneles principales */
@import "panels.css";

/* 12. Perfil público */
@import "panel-public-profile.css";

/* 13. Widgets (home buttons, clanes, podio, responsive) */
@import "widgets.css";

/* 14. Animaciones (flame, coin) */
@import "animations.css";

/* 15. Sistema global de carga (M1 · E.1) — antes de premium para que esa capa
      pueda afinar colores sin duplicar la animación. */
@import "carga.css";

/* 16. Premium visual refinement layer (loaded last — overrides only) */
@import "premium.css";

/* 17. Onboarding · la primera pantalla. Va al final porque es una capa de
      SISTEMA: se dibuja por encima de todo y no la afina ningún tema.
      ⚠️ NO se duplica en el <style> de index.html — nace limpio de esa deuda. */
@import "onboarding.css";

/* 18. PWA · aviso de sin conexión (F.10). Va después de premium porque es una
      capa de SISTEMA: se dibuja por encima de todo y no la afina ningún tema. */
@import "pwa.css";