/* Tire Cert Matcher — stylesheet manifest.
 *
 * Loading order matters:
 *   1. tokens — CSS variables everything else references
 *   2. theme-dark — overrides those variables under dark mode
 *   3. reset — base element normalization
 *   4. typography — small helpers (.muted, .err, .mono)
 *   5. layout — topbar / container / footer / panel
 *   6. components/* — reusable UI pieces (order within is cosmetic)
 *
 * Served from /static/css/app.css. Every template links just this one file;
 * @import-ed files are fetched by the browser as separate requests — fine
 * for an internal tool over keep-alive. If we ever need concatenation we
 * can swap this for a build step without touching templates.
 */

@import url("./tokens.css");
@import url("./theme-dark.css");
@import url("./reset.css");
@import url("./typography.css");
@import url("./layout.css");

@import url("./components/buttons.css");
@import url("./components/forms.css");
@import url("./components/tables.css");
@import url("./components/badges.css");
@import url("./components/cards.css");
@import url("./components/flash.css");
@import url("./components/pagination.css");
@import url("./components/htmx.css");
@import url("./components/toast.css");
@import url("./components/page-header.css");
@import url("./components/toolbar.css");
@import url("./components/empty-state.css");
@import url("./components/modal.css");
@import url("./components/combobox.css");
@import url("./components/cert-detail.css");
@import url("./components/sync-status.css");