@layer settings, base, layouts, components, responsive, utilities;

/* 1. Settings Layer */
@import "./1-settings/_variables.css";

/* 2. Base Layer */
@import "./2-base/_reset.css";

/* 3. Layouts Layer */
@import "./3-layouts/_animated_grid.css" layer(layouts);
@import "./3-layouts/_layout.css" layer(layouts);

/* 4. Base Component Styles */
@import "./4-components/header/_header.css" layer(components);
@import "./4-components/progress_bar/_progress_bar.css" layer(components);
@import "./4-components/gallery/_gallery.css" layer(components);
@import "./4-components/lightbox/_lightbox.css" layer(components);
@import "./4-components/footer/_footer.css" layer(components);
@import "./4-components/admin/_admin.css" layer(components);
@import "./4-components/story/_story.css" layer(components);
@import "./4-components/settings/_settings.css" layer(components);
@import "./4-components/contact/_contact.css" layer(components);
@import "./4-components/faq/_faq.css" layer(components);
@import "./4-components/drawing_purpose/_drawing_purpose.css" layer(components);
@import "./4-components/error/_error.css" layer(components);
@import "./4-components/sidebar/_sidebar.css" layer(components);
@import "./4-components/article_view/_article_view.css" layer(components);
@import "./4-components/cookie_banner/_cookie_banner.css" layer(components);
@import "./4-components/editors/_editors.css" layer(components);
@import "./4-components/sparks/_sparks.css" layer(components);
@import "./4-components/updates/_updates.css" layer(components);
@import "./4-components/music_player/_music_player.css" layer(components);

/* 5. Component Responsive Overrides */
@import "./4-components/header/_header_responsive.css" layer(responsive);
@import "./4-components/progress_bar/_progress_bar_responsive.css" layer(responsive);
@import "./4-components/gallery/_gallery_responsive.css" layer(responsive);
@import "./4-components/lightbox/_lightbox_responsive.css" layer(responsive);
@import "./4-components/footer/_footer_responsive.css" layer(responsive);
@import "./4-components/admin/_admin_responsive.css" layer(responsive);
@import "./4-components/story/_story_responsive.css" layer(responsive);
@import "./4-components/settings/_settings_responsive.css" layer(responsive);
@import "./4-components/contact/_contact_responsive.css" layer(responsive);
@import "./4-components/faq/_faq_responsive.css" layer(responsive);
@import "./4-components/drawing_purpose/_drawing_purpose_responsive.css" layer(responsive);
@import "./4-components/error/_error_responsive.css" layer(responsive);
@import "./4-components/sidebar/_sidebar_responsive.css" layer(responsive);
@import "./4-components/article_view/_article_view_responsive.css" layer(responsive);
@import "./4-components/cookie_banner/_cookie_banner_responsive.css" layer(responsive);
@import "./4-components/editors/_editors_responsive.css" layer(responsive);
@import "./4-components/sparks/_sparks_responsive.css" layer(responsive);
@import "./4-components/updates/_updates_responsive.css" layer(responsive);
@import "./4-components/music_player/_music_player_responsive.css" layer(responsive);