@charset "UTF-8";

/*
 * Layer order (lowest -> highest priority):
 * - tokens: design tokens and theme variables
 * - vendor: third-party styles
 * - layout: shell, header, sidebar and app structure
 * - vendor-overrides: project overrides for third-party CSS
 * - components: reusable UI building blocks
 * - pages: page-specific styles
 * - utilities: last-resort helpers/overrides
 */
@layer tokens, vendor, layout, vendor-overrides, components, pages, utilities;

/* Load typography tokens first — consumed by variables.base.css and all downstream layers. */
@import url("base/typography.tokens.css") layer(tokens);

/* Load third-party styles into the vendor layer so app layers can override them predictably. */
@import url("../vendor/bootstrap-icons/bootstrap-icons.css") layer(vendor);
@import url("../vendor/gridjs/mermaid.min.css") layer(vendor);
@import url("../vendor/multi-select/MultiSelect.css") layer(vendor);