/*
 * 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/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/combobox.css";
@import "./components/filter-bar.css";
@import "./components/switch.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/site-picker.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";