/* Heladería Chocolate — hoja de estilos principal.
   Es la única hoja enlazada desde el HTML. Declara el orden de las capas en
   cascada e importa cada módulo asignándolo a su capa:
   reset → theme → global → layout → modules → utilities. */

@layer reset, theme, global, layout, modules, utilities;

@import "reinicio.css"                   layer(reset);
@import "variables.css"                  layer(theme);
@import "base.css"                       layer(global);
@import "disposicion.css"                layer(layout);
@import "componentes/cargador.css"       layer(modules);
@import "componentes/menu.css"           layer(modules);
@import "componentes/hero.css"           layer(modules);
@import "componentes/intro.css"          layer(modules);
@import "componentes/collage.css"        layer(modules);
@import "componentes/sabores.css"        layer(modules);
@import "componentes/contacto.css"       layer(modules);
@import "componentes/nosotros.css"       layer(modules);
@import "componentes/mapa.css"           layer(modules);
@import "componentes/pie-de-pagina.css"  layer(modules);
@import "animaciones.css"                layer(modules);
@import "utilidades.css"                 layer(utilities);