/**
 * Title: Magma Main Application Stylesheet
 *
 * Purpose:
 * - Single Responsibility: Acts as the root manifest file importing domain component stylesheets in explicit @layer hierarchy.
 * - Adheres strictly to DRY, SOLID, and native CSS Cascade Layers (@layer reset, tokens, components, utilities, states).
 *
 * Why / Why this design:
 * - Centralized Manifest Pattern: Ensures a single HTTP request for CSS in production (when compiled), while keeping development highly modular.
 * - Cascade Layers (@layer): Strictly defines specificity hierarchy to prevent `!important` wars and layout thrashing across themes.
 *
 * Teaching notes:
 * - Employs a strict layer architecture. Avoid adding styles directly here.
 * - Centralizes imports to maintain consistent build/cascade behavior.
 */

@layer reset, tokens, components, utilities, states;

/* 1. Design Tokens */
@import url('components/tokens.css?v=14');

/* 2. Core Utilities */
@import url('components/utilities.css?v=14');

/* 3. Shell */
@import url('components/admin.css?v=14');
@import url('components/navigation.css?v=14');
@import url('components/page-header.css?v=14');

/* 4. Shared Components */
@import url('components/badges.css?v=14');
@import url('components/buttons.css?v=14');
@import url('components/cards.css?v=14');
@import url('components/tables.css?v=14');
@import url('components/forms.css?v=14');
@import url('components/combobox.css?v=14');
@import url('components/venue-selector.css?v=14');
@import url('components/tooltips.css?v=14');
@import url('components/modal.css?v=14');
@import url('components/editor.css?v=14');

/* 5. Domain Modules */
@import url('modules/inventory.css?v=14');