/* ============================================
 * Hotel Grand Lion - Hoja maestra
 * ============================================
 * Orquesta TODO el CSS del sitio mediante cascade
 * layers y @import. El orden de declaración de los
 * layers determina su precedencia: las capas
 * declaradas después ganan a las anteriores cuando
 * la especificidad es igual.
 *
 * Capas (de menor a mayor precedencia):
 *   reset       → reset moderno del UA
 *   tokens      → custom properties (variables)
 *   base        → estilos a elementos HTML "desnudos"
 *   components  → botones, header, footer, cards, hero, etc.
 *   layout      → containers, grids, secciones
 *   pages       → ajustes específicos por página
 *   utilities   → helpers atómicos (ganan a todo)
 *
 * Por ahora solo cargamos reset, tokens y base; el
 * resto de capas queda declarado y se irá poblando
 * en los siguientes bloques de Fase 2.
 */

@layer reset, tokens, base, components, layout, pages, utilities;

@import url('reset.css')  layer(reset);
@import url('tokens.css') layer(tokens);
@import url('base.css')   layer(base);

/* --- Componentes reutilizables (Bloque B) --- */
@import url('components/buttons.css')        layer(components);
@import url('components/badges.css')         layer(components);
@import url('components/eyebrow.css')        layer(components);
@import url('components/section-number.css') layer(components);
@import url('components/card.css')           layer(components);
@import url('components/forms.css')          layer(components);
@import url('components/whatsapp-float.css') layer(components);

/* --- Layout: container, section, grid, header, footer (Bloque C) --- */
@import url('layout/container.css')          layer(layout);
@import url('layout/section.css')            layer(layout);
@import url('layout/grid.css')               layer(layout);
@import url('layout/header.css')             layer(layout);
@import url('layout/mobile-nav.css')         layer(layout);
@import url('layout/footer.css')             layer(layout);

/* --- Páginas (Bloque D) --- */
@import url('pages/home.css')                layer(pages);
@import url('pages/habitaciones.css')        layer(pages);
@import url('pages/reservaciones.css')       layer(pages);
@import url('pages/atracciones.css')         layer(pages);
@import url('pages/galeria.css')             layer(pages);
@import url('pages/contacto.css')            layer(pages);

/* --- Utilidades (Bloque E) --- */
@import url('utilities/helpers.css')         layer(utilities);
@import url('utilities/reveal.css')          layer(utilities);