@layer init, global, hero, cards, bulletin, news, widgets, home, brands, articles, contacts, error-pages, help-pages;

@import 'reset.css' layer(init);

/* Global styles used everywhere */
@import 'variables.css' layer(global);
@import 'colors.css' layer(global);
@import 'fonts.css' layer(global);
@import 'media-types.css' layer(global);
@import 'icons.css' layer(global);
@import 'images.css' layer(global);
@import 'global-messaging.css' layer(global);
@import 'global-styles.css' layer(global);
@import 'header-nav.css' layer(global);
@import 'footer.css' layer(global);
@import 'buttons.css' layer(global);
@import 'select.css' layer(global);

/* Shared / Common styles */
@import 'hero.css' layer(hero);
@import 'cards.css' layer(cards);
@import 'bulletin.css' layer(bulletin);
@import 'news.css' layer(news);
@import 'widgets.css' layer(widgets);

/* Home page styles */
@import 'home-page.css' layer(home);

/* Page / Template specific styles */
@import 'brands.css' layer(brands);
@import 'articles.css' layer(articles);
@import 'contacts.css' layer(contacts);
@import 'profile.css' layer(profile);
@import 'error-pages.css' layer(error-pages);
@import 'help-pages.css' layer(help-pages);