@import url('./settings/variables.css') layer(settings);

@import url('./base/reset.css') layer(base);
@import url('./base/typography.css') layer(base);
@import url('./base/framework.css') layer(base);
@import url('./base/print.css') layer(base);

@import url('./components/button.css') layer(components);
@import url('./components/table.css') layer(components);
@import url('./components/image.css') layer(components);
@import url('./components/input.css') layer(components);
@import url('./components/search.css') layer(components);

@import url('./layout/grid.css') layer(layout);
@import url('./layout/header.css') layer(layout);
@import url('./layout/footer.css') layer(layout);

@import url('./pages/product.css') layer(pages);
@import url('./pages/category.css') layer(pages);
@import url('./pages/search.css') layer(pages);
@import url('./pages/news-list.css') layer(pages);

@import url('./blocks/text-image.css') layer(blocks);
@import url('./blocks/centered-half-page.css') layer(blocks);
@import url('./blocks/heading-and-text.css') layer(blocks);
@import url('./blocks/text-container-with-image.css') layer(blocks);
@import url('./blocks/contact-person-list.css') layer(blocks);
@import url('./blocks/embed.css') layer(blocks);
@import url('./blocks/delimiter.css') layer(blocks);
@import url('./blocks/image-carousel.css') layer(blocks);
@import url('./blocks/puffs.css') layer(blocks);
@import url('./blocks/video.css') layer(blocks);
@import url('./blocks/accordion.css') layer(blocks);
@import url('./blocks/hero.css') layer(blocks);
@import url('./blocks/product-list.css') layer(blocks);
@import url('./blocks/news-item.css') layer(blocks);

@layer settings, base, pages, layout, components, blocks;