/**
 * main.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 "./ui/_badge.css";
@import "./ui/_button.css";
@import "./ui/_button-group.css";
@import "./ui/_toggle.css";
@import "./ui/_toggle-group.css";
@import "./ui/_accordion.css";
@import "./ui/_popover.css";
@import "./ui/_tooltip.css";
@import "./ui/_dialog.css";
@import "./ui/_dropdown.css";
@import "./ui/_navigation-menu.css";
@import "./ui/_mobile-menu.css";
@import "./ui/_fields.css";
@import "./ui/_input.css";
@import "./ui/_textarea.css";
@import "./ui/_select.css";
@import "./ui/_checkbox.css";
@import "./ui/_slider.css";
@import "./ui/_switch.css";
@import "./ui/_input-group.css";
@import "./ui/_password-group.css";
@import "./ui/_radio.css";
@import "./ui/_tabs.css";
@import "./ui/_carousel.css";
@import "./ui/_lightbox.css";
@import "./ui/_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"; */