/* =====================================================
   JUEGUITOS PIOLA - SISTEMA DE ESTILOS UNIFICADO
   Tema: Neón Ciberpunk (Cyan + Magenta)
   =====================================================
   Este archivo es el HUB central de imports.
   Cada módulo contiene estilos específicos por feature.
   ===================================================== */

/* === Base: Variables, reset, scrollbar, body === */
@import url('base/variables.css');
@import url('base/reset.css');

/* === Animaciones globales (@keyframes) === */
@import url('utils/animations.css');

/* === Layout: Header, main, grid, footer === */
@import url('layouts/header.css');
@import url('layouts/main-layout.css');
@import url('layouts/grid.css');
@import url('layouts/footer.css');

/* === Componentes === */
@import url('components/search-bar.css');
@import url('components/game-card.css');
@import url('components/game-card-style-default.css');
@import url('components/game-card-style-compact.css');
@import url('components/game-card-style-rainbow.css');
@import url('components/game-card-style-cyber.css');
@import url('components/tags.css');
@import url('components/buttons.css');

/* === Páginas === */
@import url('pages/game-detail.css');
@import url('pages/free-games.css');

/* === Features / Modales === */
@import url('features/settings-modal.css');
@import url('features/minigames-modal.css');
@import url('features/gamedle.css');
@import url('features/roulette.css');
@import url('features/versus.css');
@import url('features/achievements.css');
@import url('features/extras.css');
@import url('features/theme-gallery.css');
@import url('features/piola-chat.css');

/* === Temas === */
@import url('themes/lite-mode.css');
@import url('themes/retro.css');
/* Prime Mode (Override) */

/* === Responsive & Accesibilidad === */
@import url('utils/responsive.css');

/* === Páginas específicas (al final para máxima especificidad) === */