/* css/app.css — the one stylesheet every page links. Vendor CSS lives in the lowest layer
   so every later layer wins at any specificity (CSS Cascade 5: unlayered would beat all layers,
   which is why the design-system files are imported here instead of linked). fonts.css stays a plain <link>. */
@layer vendor, base, components, pages, utilities;

@import url("libs/tokens.css") layer(vendor);
@import url("libs/vestra-ui.css") layer(vendor);
@import url("libs/fancybox.css") layer(vendor);

/* base: project tokens (imported after libs/tokens.css into the same layer, so the VTMS row tints
   replace the DS 5.5–7 % values), then the page chrome */
@import url("tokens-vtms.css") layer(base);
@import url("base.css") layer(base);

@import url("components/menu-layer.css") layer(components);
@import url("components/select.css") layer(components);
@import url("components/dialog.css") layer(components);
@import url("components/savebar.css") layer(components);
@import url("components/dropzone.css") layer(components);
@import url("components/rte.css") layer(components);
@import url("components/task-form.css") layer(components);
@import url("components/task-details.css") layer(components);
@import url("components/project-dialog.css") layer(components);
@import url("components/import-dialog.css") layer(components);
@import url("components/export-dialog.css") layer(components);
@import url("components/statline.css") layer(components);
@import url("components/toolbar.css") layer(components);
@import url("components/filter-panel.css") layer(components);
@import url("components/chips.css") layer(components);
@import url("components/table.css") layer(components);
@import url("components/cards.css") layer(components);
@import url("components/dev-view.css") layer(components);
@import url("components/libraries.css") layer(components);

/* pages */
@import url("pages/login.css") layer(pages);
@import url("pages/prefs-profile.css") layer(pages);

/* utilities (last): breakpoints */
@import url("responsive.css") layer(utilities);