/**
 * Style architecture for Ayon Mûya
 * @layer order enforces cascade priority from broad → specific.
 */

@layer reset, theme, elements, layout, components, pages, utilities;

/* Foundations */
@import './styles/foundations/fonts.css' layer(reset);
@import './styles/foundations/reset.css' layer(reset);
@import './styles/foundations/theme.css' layer(theme);
@import './styles/foundations/elements.css' layer(elements);

/* Layout */
@import './styles/layout/content.css' layer(layout);
@import './styles/layout/responsive.css' layer(layout);

/* Components */
@import './styles/components/chapter-nav.css' layer(components);
@import './styles/components/folio-nav.css' layer(components);
@import './styles/components/table-of-contents.css' layer(components);
@import './styles/components/dictionary-nav.css' layer(components);
@import './styles/components/theme-toggle.css' layer(components);
@import './styles/components/redacted.css' layer(components);
@import './styles/components/notes.css' layer(components);
@import './styles/components/semantic-text.css' layer(components);
@import './styles/components/text-cycle.css' layer(components);
@import './styles/components/fly-away.css' layer(components);
@import './styles/components/fly-in-sine.css' layer(components);
@import './styles/components/unlock-chapter.css' layer(components);
@import './styles/components/dev-reset.css' layer(components);
@import './styles/components/stereo-viewer.css' layer(components);
@import './styles/components/vapor.css' layer(components);
@import './styles/components/arch-float.css' layer(components);
@import './styles/components/descend-trigger.css' layer(components);
@import './styles/components/ascend-trigger.css' layer(components);
@import './styles/components/sealed-letter.css' layer(components);
@import './styles/components/photo-taped.css' layer(components);
@import './styles/components/decoder-puzzle.css' layer(components);
@import './styles/components/book-button.css' layer(components);
@import './styles/components/inline-svg.css' layer(components);
@import './styles/components/flower-animation.css' layer(components);

/* Pages */
@import './styles/pages/home.css' layer(pages);
@import './styles/pages/chapter.css' layer(pages);
@import './styles/pages/dictionary.css' layer(pages);
@import './styles/pages/biography.css' layer(pages);

/* Utilities */
@import './styles/utilities/helpers.css' layer(utilities);