/* Fonts, color themes, and spacing/radius/timing variables live in
   core/tokens.css now — the one file the future landing page needs to
   share this product's visual identity without the rest of the app. */
@import "/ui-kit/src/tokens.css";
@import "/ui-kit/src/primitives.css";

/* Everything below used to be one 2900-line file. Split into
   components/ so a given change lives in a file sized to it instead of
   one monolith — plain native @import, no build step, same as the two
   imports above. Order matters and mirrors the original file's
   top-to-bottom order exactly: native @import is equivalent to inlining
   each file at this exact point, so two rules of equal specificity
   still resolve in the same relative order they did before this split
   (most visibly components/mobile.css last, so its overrides keep
   winning the cascade the same way the original file's trailing
   "MOBILE" section did). Don't reorder these without checking whether
   any two files touch the same selector. */
@import "/ui-kit/styles/base.css";
@import "components/layout.css";
@import "components/workspace.css";
@import "/ui-kit/styles/stats.css";
@import "/proxy-web/styles/providers.css";
@import "/ui-kit/styles/tables.css";
@import "/ui-kit/styles/buttons.css";
@import "/ui-kit/styles/forms.css";
@import "components/settings.css";
@import "components/system-info.css";
@import "/ui-kit/styles/indicators.css";
@import "/proxy-web/styles/geo-analytics.css";
@import "/proxy-web/styles/heatmaps.css";
@import "/ui-kit/styles/utilities.css";
@import "/proxy-web/styles/workers-cards.css";
@import "components/users.css";
@import "components/developer.css";
@import "/proxy-web/styles/locations.css";
@import "/proxy-web/styles/portal.css";
@import "/ui-kit/styles/modals.css";
@import "/proxy-web/styles/subscriptions.css";
@import "/ui-kit/styles/toast.css";
@import "components/misc.css";
@import "components/mobile.css";