/* =========================================================
   AURIC ARTISAN — Design System Entry Point
   Import order matters: tokens → themes → layout → components → utilities
   
   Usage:
     <link rel="stylesheet" href="/css/main.css" />
   
   Or import individual layers as needed for code splitting.
   ========================================================= */

/* Declare layer order — legacy always loses to modern styles   */
@layer legacy;

/* ── LAYER 1: Core Foundation ─────────────────────────── */
@import url("/css/core/reset.css");
@import url("/css/core/tokens.css");
@import url("/css/core/variables.css");
@import url("/css/core/typography.css");
@import url("/css/core/animations.css");

/* ── LAYER 2: Themes ──────────────────────────────────── */
@import url("/css/themes/light.css");
@import url("/css/themes/dark.css");

/* ── LAYER 3: Layout ──────────────────────────────────── */
@import url("/css/layout/grid.css");
@import url("/css/layout/containers.css");
@import url("/css/layout/header.css");
@import url("/css/layout/footer.css");
@import url("/css/layout/sections.css");
@import url("/css/layout/sidebar.css");

/* ── LAYER 4: Components ──────────────────────────────── */
@import url("/css/components/buttons.css");
@import url("/css/components/cards.css");
@import url("/css/components/forms.css");
@import url("/css/components/inputs.css");
@import url("/css/components/navbar.css");
@import url("/css/components/dropdown.css");
@import url("/css/components/modals.css");
@import url("/css/components/alerts.css");
@import url("/css/components/badges.css");
@import url("/css/components/tables.css");
@import url("/css/components/tooltips.css");
@import url("/css/components/color-picker.css");
@import url("/css/components/frontstore.css");
@import url("/css/components/news.css");
@import url("/css/components/article.css");
@import url("/css/components/timeline.css");
@import url("/css/components/cookies.css");

/* ── LAYER 5: Utilities (loaded last for override power) ─ */
@import url("/css/utilities/spacing.css");
@import url("/css/utilities/flex.css");
@import url("/css/utilities/grid.css");
@import url("/css/utilities/sizing.css");
@import url("/css/utilities/typography.css");
@import url("/css/utilities/borders.css");
@import url("/css/utilities/shadows.css");
@import url("/css/utilities/display.css");
@import url("/css/utilities/positioning.css");

/* ── LAYER 6: Vendor / Framework Integration ──────────── */
@import url("/css/vendor/framework-overrides.css");

@import url("/css/compat/legacy-utilities.css") layer(legacy);
@import url("/css/compat/legacy-components.css") layer(legacy);
@import url("/css/compat/legacy-prefixed.css") layer(legacy);