/**
 * 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";

/* Legacy layer — import legacy stylesheets here, into the legacy layer */
/* @import "./your-legacy.css" layer(legacy); */

/* Zazz primitives - UI omponents. */
@import "./primitives/separator/separator.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/fields/fields.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";

/* Migrations layer - for legacy css overrides */
/* @import "./migrations.css"; */