/**
 * index.css — Plain-CSS entry point; @import bundle in cascade order.
 *
 * Bundles the base layers (layers → variables → reset) followed by every
 * component, so a page only needs a single stylesheet link. Order matters:
 * layers.css declares the cascade layers and must load first.
 *
 * Legacy support: import your legacy stylesheets into the legacy layer at the slot
 * below (between the reset baseline and the components). Projects that prefer to
 * compose the layers by hand can import the base files individually in the
 * same order instead of using this bundle — see CONVENTIONS.md.
 *
 * @layer      none
 * @see        CONVENTIONS.md — file anatomy & layer architecture
 */

/* base — order matters; _layers.css declares the cascade layers first. */
@import "./base/_layers.css";
@import "./base/_variables.css";
@import "./base/_reset.css";
@import "./base/_typography.css";
@import "./base/_view-transitions.css";

/* Vendors layer — third-party CSS that does not build on Zazz */
/* @import "./some-library.css" layer(vendors); */

/* Legacy layer — import whole legacy stylesheets into legacy.imports.
   Never bare layer(legacy): un-sublayered rules would beat the migration
   shims in legacy.migrations. */
/* @import "./your-legacy.css" layer(legacy.imports); */

/* Zazz primitives - UI omponents. */
@import "./primitives/separator/separator.css";
/* fields.css owns the shared --ui-field-* family; it registers before its
   consumers (badge, button, toggle, tabs, checkbox, radio, inputs, …) */
@import "./primitives/fields/fields.css";
@import "./primitives/badge/badge.css";
@import "./primitives/kbd/kbd.css";
@import "./primitives/button/button.css";
@import "./primitives/button-group/button-group.css";
@import "./primitives/toggle/toggle.css";
@import "./primitives/toggle-group/toggle-group.css";
@import "./primitives/accordion/accordion.css";
@import "./primitives/table/table.css";
@import "./primitives/progress/progress.css";
@import "./primitives/meter/meter.css";
@import "./primitives/popover/popover.css";
@import "./primitives/tooltip/tooltip.css";
@import "./primitives/dialog/dialog.css";
@import "./primitives/alert-dialog/alert-dialog.css";
@import "./primitives/menu/menu.css";
@import "./primitives/navigation-menu/navigation-menu.css";
@import "./primitives/mobile-menu/mobile-menu.css";
@import "./primitives/input/input.css";
@import "./primitives/textarea/textarea.css";
@import "./primitives/select/select.css";
@import "./primitives/autocomplete/autocomplete.css";
@import "./primitives/combobox/combobox.css";
@import "./primitives/command/command.css";
@import "./primitives/checkbox/checkbox.css";
@import "./primitives/slider/slider.css";
@import "./primitives/switch/switch.css";
@import "./primitives/input-group/input-group.css";
@import "./primitives/password-group/password-group.css";
@import "./primitives/otp/otp.css";
@import "./primitives/radio/radio.css";
@import "./primitives/tabs/tabs.css";
@import "./primitives/carousel/carousel.css";
@import "./primitives/lightbox/lightbox.css";
@import "./primitives/toaster/toaster.css";
@import "./primitives/reveal/reveal.css";

/* Utilities and layout remain the final normal Zazz override layer. */
@import "./base/_utilities.css";
@import "./base/_layout.css";

/* Migration shims — translate legacy classes while markup is rewritten.
   Beats all other legacy sublayers; Zazz still wins on migrated markup. */
/* @import "./migrations.css" layer(legacy.migrations); */