/*
 * main.css — Hoja de estilos principal del tema Rosarios del Alma
 *
 * Importa todos los módulos CSS en el orden correcto de cascada:
 * tokens → reset → tipografía → layout → componentes
 *
 * No escribir estilos directamente aquí. Cada módulo tiene su archivo.
 */

/* ── Fundación ────────────────────────────────────────────────────────────── */
@import url('tokens.css');
@import url('reset.css');
@import url('typography.css');
@import url('layout.css');

/* ── Componentes Sesión 2 ─────────────────────────────────────────────────── */
@import url('components/header.css');
@import url('components/navigation.css');
@import url('components/mobile-menu.css');
@import url('components/search-overlay.css');
@import url('components/cart-drawer.css');
@import url('components/footer.css');

/* ── Componentes Sesión 3 — Homepage ─────────────────────────────────────── */
@import url('components/section-titles.css');
@import url('components/hero.css');
@import url('components/trust-bar.css');
@import url('components/product-card.css');
@import url('components/testimonials.css');

/* ── Páginas ──────────────────────────────────────────────────────────────── */
@import url('pages/home.css');
@import url('pages/institutional.css');
@import url('pages/devociones.css');
@import url('pages/account.css');
@import url('pages/cart.css');
@import url('pages/checkout.css');
@import url('pages/catalog.css');
@import url('pages/product.css');
@import url('pages/thankyou.css');