/*
  Maintance UI: the one stylesheet the app links.
  Each file is its own cascade layer. A later layer always wins over an earlier one,
  whatever the selector specificity, so components never fight the base styles.

    tokens      colors, spacing, type, radii, shadows (light + dark)   ← change the look here
    base        element defaults: body, headings, links, form controls, tables
    layout      page structure helpers: stack, cluster, columns, form grid
    components  buttons, cards, pills, fields, notices, modal, stat tiles, …
    charts      meter, stacked bar, column chart, tooltips
    shell       app frame: sidebar, top bar, auth pages
    utilities   tiny single-purpose helpers (muted, small, num, …)
*/
@layer tokens, base, layout, components, charts, shell, utilities;

@import url("tokens.css") layer(tokens);
@import url("base.css") layer(base);
@import url("layout.css") layer(layout);
@import url("components.css") layer(components);
@import url("charts.css") layer(charts);
@import url("shell.css") layer(shell);
@import url("utilities.css") layer(utilities);