/*
 * Aggregator for the whole design system. Import this from every entry.
 * Order matters: tokens → base → components (chrome first so views can
 * rely on the frame; then feedback + content components).
 */

@import "./tokens.css";
@import "./base.css";

/* Chrome (app-shell frame). */
@import "./components/chrome.css";
@import "./components/menu.css";
@import "./components/siteswitch.css";

/* Content containers. */
@import "./components/panel.css";
/* F3.3 — shared by the media library, the gallery detail view and
 * anything else that lists media. Markup: shell/media-tile.js. */
@import "./components/media-tile.css";
@import "./components/page-head.css";
@import "./components/product-head.css";
@import "./components/empty-state.css";

/* Data surfaces. */
@import "./components/data-table.css";
@import "./components/data-list.css";
@import "./components/dashboard-widget.css";
@import "./components/tile.css";
@import "./components/getting-started.css";

/* Forms + inputs. */
@import "./components/field.css";
@import "./components/rich-text.css";
@import "./components/combobox.css";
@import "./components/filter-bar.css";
/* choice before switch: switch.css hides its own input, and must win. */
@import "./components/choice.css";
@import "./components/switch.css";
/* choice-cards AFTER choice.css: it clips its own radio to a pixel, and
 * that has to beat the painted 18px control choice.css draws for every
 * radio by element selector. */
@import "./components/choice-cards.css";

/* Actions + status. */
@import "./components/button.css";
@import "./components/pill.css";
@import "./components/badge.css";
@import "./components/tabs.css";
@import "./components/menu-tree.css";

/* Feedback + overlays. */
@import "./components/notice.css";
@import "./components/modal.css";
@import "./components/toast.css";
@import "./components/wizard.css";
@import "./components/wizard-onboarding.css";
@import "./components/brand-circles.css";
@import "./components/site-picker.css";
@import "./components/surface-exit.css";
@import "./components/command-palette.css";
@import "./components/bulk-bar.css";

/* Navigation. */
@import "./components/pagination.css";

/* Editor surfaces. */
@import "./components/editor-layout.css";
@import "./components/skjema-designer.css";

/* Overlays. */
@import "./components/tooltip.css";
@import "./components/profile.css";

/* Utilities. */
@import "./components/helpers.css";
@import "./components/stack.css";
@import "./components/skeleton.css";

/* Print. Loaded last so its @media-scoped rules override screen-only
 * styling from the components above when the browser switches to
 * print rendering. */
@import "./print.css";