/* malm-ui
   ═════════════════════════════════════════════════════════════════════════
   The Whitespace application design system.  @import "@whitespace/malm-ui/css"

   The layer order is declared below, once, before anything is imported — a
   layer's position is fixed by where its name first appears, so it cannot
   drift as files are added. Unlayered CSS beats all of it, which is how a
   consuming app overrides anything without `!important`.

   Tokens are deliberately unlayered: they set properties, never collide with a
   rule, and an app re-pointing `--color-accent` should win. */

@layer malm.reset, malm.base, malm.components, malm.utilities;

/* ── Tokens ─────────────────────────────────────────────────────────────── */
@import "./tokens/palette.css";
@import "./tokens/carbon.css";
@import "./tokens/theme.css";
@import "./tokens/accent.css";
@import "./tokens/typography.css";
@import "./tokens/space.css";

/* ── Base ───────────────────────────────────────────────────────────────
   `fonts.css` is imported here, so the default install has the brand face.
   An app that serves its own fonts, or wants `data-font="system"` and no font
   payload at all, imports `malm-ui.nofonts.css` instead. */
@import "./base/fonts.css";
@import "./base/reset.css";
@import "./base/elements.css";
@import "./base/focus.css";
@import "./base/forms.css";

/* ── Components ─────────────────────────────────────────────────────────── */
@import "./components/logo.css";
@import "./components/icon.css";
@import "./components/button.css";
@import "./components/panel.css";
@import "./components/toolbar.css";
@import "./components/nav.css";
@import "./components/segmented.css";
@import "./components/pill.css";
@import "./components/notice.css";
@import "./components/field.css";
@import "./components/table.css";
@import "./components/heatmap.css";
@import "./components/chart.css";
@import "./components/combobox.css";
@import "./components/period.css";
@import "./components/change.css";
@import "./components/login.css";
@import "./components/overlay.css";
@import "./components/feedback.css";
@import "./components/avatar.css";
@import "./components/pagination.css";
@import "./components/app-shell.css";
@import "./components/prose.css";
@import "./components/code.css";
@import "./components/document.css";
@import "./components/finding.css";
@import "./components/section-anchor.css";
@import "./components/tree-diagram.css";
@import "./components/steps.css";
@import "./components/diagram.css";
@import "./components/heatmap-tone.css";
@import "./components/bar-line.css";
@import "./components/strip-table.css";
@import "./components/day-split.css";
@import "./components/rich-text.css";

/* ── Utilities ──────────────────────────────────────────────────────────── */
@import "./utilities/layout.css";
@import "./utilities/a11y.css";
@import "./base/print.css";