/* ============================================================
   MAIN.CSS — Entry Point · APTonerVS
   ============================================================ */

/* ── 1. BASE ── fuente única de verdad + reset + tipografía ── */
@import url('base/variables.css');
@import url('base/reset.css');
@import url('base/typography.css');

/* ── 2. LAYOUT ── estructura persistente ──────────────────── */
@import url('layout/navbar.css');
@import url('layout/footer.css');

/* ── 3. COMPONENTS ── piezas reutilizables ────────────────── */
@import url('components/buttons.css');
@import url('components/forms.css');
@import url('components/modals.css');
@import url('components/badges.css');
@import url('components/loader.css');

/* ── 4. PAGES ── estilos específicos por página ───────────── */
@import url('pages/home.css');
@import url('pages/info.css');
@import url('pages/auth.css');
@import url('pages/tienda.css');
@import url('pages/checkout.css');
@import url('pages/account.css');
@import url('pages/pedidos.css');
@import url('pages/carrito.css');
@import url('pages/productos.css');
@import url('pages/Terminos.css');
@import url('pages/nosotros.css');
@import url('pages/faq.css');
@import url('pages/manage/manage.css');
@import url('pages/manage/sync.css');
@import url('pages/manage/config.css');
@import url('pages/auth/completar-perfil.css');

/* ── 5. UTILITIES ── clases de ayuda, siempre al final ───── */
@import url('utilities/utilities.css');