/**
* Evergarden - CSS Architecture following 7-1 Sass pattern
* 
* 1. Later styles override earlier ones with equal specificity
* 2. Reset CSS should always load first
* 3. Variables/Custom Properties need to load before they're used
* 4. Utility classes should load last to ensure they can override component styles
* 5. Component-specific styles should load after layout styles
*
* Architecture:
* - abstracts/   → mixins, functions, variables helpers 
* - base/        → reset, typography, base styles
* - layout/      → header, footer, navigation, grid systems
* - components/  → buttons, forms, cards, etc.
* - pages/       → page-specific styles
* - utilities/   → utility classes, spacing, etc.
*/

/* 1. Abstracts - Mixins, functions, and variables helpers */
@import "./abstracts/_functions.css";
@import "./abstracts/_mixins.css";

/* 2. Base - Reset, typography, base elements */
@import "./base/_reset.css";
@import "./base/_variables.css";
@import "./base/_main.css";
@import "./base/_typography.css";

/* 3. Layout - Header, navigation, footer, etc. */
@import "./layout/_header.css";
@import "./layout/_navigation.css";
@import "./layout/_content.css";
@import "./layout/_footer.css";
@import "./layout/_layout.css";

/* 4. Components - Buttons, forms, cards, etc. */
@import "./components/_buttons.css";
@import "./components/_modals.css";
@import "./components/_toggle-menu.css";
@import "./components/_inventory.css";
@import "./components/_logos.css";
@import "./components/_form.css";
@import "./components/_load.css";
@import "./components/_shop.css";
@import "./components/_sales.css";
@import "./components/_missions.css";
@import "./components/_friends.css";
@import "./components/_achievements.css";
@import "./components/_game-menu.css";
@import "./components/_statistics.css";
@import "./components/_notification.css";
@import "./components/_player-info.css";
@import "./components/_falling-leaves.css";
@import "./components/_tutorial.css";

/* 5. Pages - Page-specific styles */
@import "./pages/_home.css";
@import "./pages/_game.css";
@import "./pages/_login.css";
@import "./pages/_register.css";

/* 6. Utilities - Utility classes */
@import "./utilities/_spacing.css";
@import "./utilities/_rounded.css";

/* 7. Media queries - Responsive overrides */
@import "./base/_media.css";


