/* ============================================================
   MAIN.CSS — Entry point. Establece el orden de @layer y
   compone todas las capas ITCSS del tema.
   ============================================================ */
@layer settings, generic, elements, objects, components, utilities;

/* 1 · Settings — design tokens */
@import "settings/tokens.css" layer(settings);

/* 2 · Generic — reset y base global */
@import "generic/reset.css" layer(generic);
@import "generic/base.css" layer(generic);

/* 3 · Elements — estilos de etiquetas HTML sin clase */
@import "elements/typography.css" layer(elements);

/* 4 · Objects — patrones de layout sin skin */
@import "objects/layout.css" layer(objects);

/* 5 · Components — bloques UI reutilizables */
@import "components/grain.css"            layer(components);
@import "components/loader.css"           layer(components);
@import "components/cursor.css"           layer(components);
@import "components/buttons.css"          layer(components);
@import "components/marquee.css"          layer(components);
@import "components/header.css"           layer(components);
@import "components/cta.css"              layer(components);
@import "components/footer.css"           layer(components);
@import "components/scroll-line.css"      layer(components);
@import "components/reading-progress.css" layer(components);
@import "components/lightbox.css"         layer(components);
@import "components/entry-content.css"    layer(components);
@import "components/stickers.css"         layer(components);
@import "components/jinx-effect.css"      layer(components);
@import "components/jinx-decorations.css" layer(components);

/* 6 · Utilities — helpers de una sola responsabilidad */
@import "utilities/text.css"          layer(utilities);
@import "utilities/accessibility.css" layer(utilities);