/**
 * Modern CSS Framework - Main Entry Point
 * Revised import structure for clarity and correctness.
 */

@layer base, reset, tokens, engine, theme, palette, defaults, components, utilities, layouts, website-theme;

/* CORE SYSTEM */
@import url("core/reset.css") layer(reset);
@import url("core/tokens.css") layer(tokens);
@import url("core/engine.css") layer(engine);
@import url("core/theme.css") layer(theme); /* The new canonical theme file */
@import url("core/palette.css") layer(palette);
@import url('core/base.css') layer(base);
@import url('core/defaults.css') layer(defaults); /* Restored for semantic styling */
@import url('core/typography.css') layer(defaults);
@import url('core/mixins.css') layer(base);
@import url('core/text.css') layer(components);
/* THEMES */
@import url("themes/theme-packs.css") layer(theme);
@import url("themes/example-brand.css") layer(theme);

/* LAYOUTS & UTILITIES */
@import url("utilities/utilities.css") layer(utilities); /* The new canonical utilities file */
@import url("layouts/layout.css") layer(layouts);
@import url("layouts/layout-extra.css") layer(layouts);
@import url("layouts/layout-extras-helpers.css") layer(layouts);

/* COMPONENTS */
@import url('components/accessibility.css') layer(components);
@import url('components/container.css') layer(components);
@import url('components/grid.css') layer(components);
@import url('components/flex.css') layer(components);
@import url('components/card.css') layer(components);
@import url('components/box.css') layer(components);
@import url('components/box-extra.css') layer(components);
@import url('components/badge.css') layer(components);
@import url('components/chip.css') layer(components);
@import url('components/alert.css') layer(components);
@import url('components/modal.css') layer(components);
@import url('components/tooltip.css') layer(components);
@import url('components/tooltips.css') layer(components);
@import url('components/list.css') layer(components);
@import url('components/divider.css') layer(components);
@import url('components/carousel.css') layer(components);
@import url('components/popover.css') layer(components);
@import url('components/disclosure.css') layer(components);
@import url('components/tabs.css') layer(components);
@import url('components/loading.css') layer(components);
@import url('components/status.css') layer(components);
@import url('components/view-transition.css') layer(components); /* Corrected path */
@import url('components/table.css') layer(components);
@import url('components/form.css') layer(components);
@import url('components/actions.css') layer(components);
@import url('components/form-patterns.css') layer(components);
@import url('components/identity.css') layer(components);
@import url('components/navigation.css') layer(components);
@import url('components/navigation-patterns.css') layer(components);
@import url('components/site-shell.css') layer(components);
@import url('components/application-patterns.css') layer(components);
@import url('components/content-patterns.css') layer(components);
@import url('components/masonry.css') layer(components);
@import url('components/img-container.css') layer(components);

/* Optional Theme Generator */
/* @import url("theme-generator.css"); */