/* ═══════════════════════════════════════════════════════════════════
   index.css — Design System Entry Point
   Punto principal de importación del Design System Adventured.
   El orden de @layer determina la cascada CSS.
   ═══════════════════════════════════════════════════════════════════ */

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

/* ─── Layer 0: Reset ─────────────────────────────────────────────── */
@import "./css/00-reset/reset.css" layer(reset);

/* ─── Layer 1: Tokens (Auto-generated) ───────────────────────────── */
@import "./css/01-tokens/tokens.css" layer(tokens);

/* ─── Layer 2: Foundations ───────────────────────────────────────── */
@import "./css/02-foundations/typography.css" layer(foundations);
@import "./css/02-foundations/compositions.css" layer(foundations);
@import "./css/02-foundations/backgrounds.css" layer(foundations);
@import "./css/02-foundations/scrollbar.css" layer(foundations);

/* ─── Layer 3: Components — Atoms ────────────────────────────────── */
@import "./css/03-components/atoms/button.css" layer(components);
@import "./css/03-components/atoms/input.css" layer(components);
@import "./css/03-components/atoms/badge.css" layer(components);
@import "./css/03-components/atoms/label.css" layer(components);
@import "./css/03-components/atoms/checkbox.css" layer(components);
@import "./css/03-components/atoms/select.css" layer(components);
@import "./css/03-components/atoms/divider.css" layer(components);
@import "./css/03-components/atoms/icon.css" layer(components);
@import "./css/03-components/atoms/alert.css" layer(components);
@import "./css/03-components/atoms/avatar.css" layer(components);
@import "./css/03-components/atoms/btn-icon.css" layer(components);
@import "./css/03-components/atoms/dev-components.css" layer(components);

/* ─── Layer 3: Components — Molecules ────────────────────────────── */
@import "./css/03-components/molecules/card.css" layer(components);
@import "./css/03-components/molecules/form-field.css" layer(components);
@import "./css/03-components/molecules/search-group.css" layer(components);
@import "./css/03-components/molecules/dropdown.css" layer(components);
@import "./css/03-components/molecules/multi-select.css" layer(components);
@import "./css/03-components/molecules/image-gallery.css" layer(components);
@import "./css/03-components/molecules/auth-card.css" layer(components);
@import "./css/03-components/molecules/action-bar.css" layer(components);

/* ─── Layer 3: Components — Organisms ────────────────────────────── */
@import "./css/03-components/organisms/article.css" layer(components);
@import "./css/03-components/organisms/navbar.css" layer(components);
@import "./css/03-components/organisms/site-header.css" layer(components);
@import "./css/03-components/organisms/footer.css" layer(components);

/* ─── Layer 4: Utilities (Last = highest priority) ────────────────── */
@import "./css/02-foundations/utilities.css" layer(utilities);