/* Cascade Layers */
@layer reset, base, layout, components, sections, site, utilities;

/* Reset */
@import url("./base/reset.css") layer(reset);

/* Base */
@import url("./base/tokens.css") layer(base);
@import url("./base/typography.css") layer(base);
@import url("./base/global.css") layer(base);

/* Layout */
@import url("./layout/container.css") layer(layout); /* Ограничение ширины контента и боковые отступы */
@import url("./layout/section.css") layer(layout); /* Вертикальные отступы секций */
@import url("./layout/grid.css") layer(layout); /* Универсальные сетки на CSS Grid*/
@import url("./layout/stack.css") layer(layout); /* Вертикальное расположение элементов с промежутками */
@import url("./layout/cluster.css") layer(layout); /* Горизонтальные группы элементов с переносом */
@import url("./layout/split.css") layer(layout); /* Двухколоночные композиции, например текст + изображение */

/* Components */
@import url("./components/button.css") layer(components);
@import url("./components/link.css") layer(components);
@import url("./components/icon.css") layer(components);
@import url("./components/card.css") layer(components);
@import url("./components/slider.css") layer(components);

/* Site */
@import url("./site.css") layer(site);

/* Sections */
@import url("./sections/header.css") layer(sections);
@import url("./sections/hero.css") layer(sections);
@import url("./sections/advantages.css") layer(sections);
@import url("./sections/media-text.css") layer(sections);
@import url("./sections/pricing.css") layer(sections);
@import url("./sections/cta.css") layer(sections);
@import url("./sections/faq.css") layer(sections);
@import url("./sections/footer.css") layer(sections);

/* Utilities */
@import url("./utilities/utilities.css") layer(utilities);