/*
 * Single CSS entry point.
 *
 * Layer order: Tailwind's layers plus "nx-base" after Tailwind's preflight, so
 * our base rules win over preflight and every utility still wins over components.
 *
 * Tokens are imported unlayered on purpose: css/tailwind.css maps them with
 * `@theme inline` under the same names, which makes Tailwind emit a
 * self-referencing declaration inside its "theme" layer. Unlayered declarations
 * always beat layered ones, so the real token value wins.
 */
@layer theme, base, nx-base, components, utilities;

@import url("tokens/primitives.css");
@import url("tokens/semantic-light.css");
@import url("tokens/semantic-dark.css");
@import url("tokens/status.css");
@import url("tokens/charts.css");
@import url("tokens/density.css");

@import url("base/fonts.css") layer(nx-base);
@import url("base/reset.css") layer(nx-base);
@import url("base/typography.css") layer(nx-base);
@import url("base/motion.css") layer(nx-base);
@import url("base/a11y.css") layer(nx-base);
@import url("base/scrollbar.css") layer(nx-base);

@import url("layout/shell.css") layer(components);
@import url("layout/sidebar.css") layer(components);
@import url("layout/topbar.css") layer(components);
@import url("layout/page.css") layer(components);

@import url("components/icon.css") layer(components);
@import url("components/brand-lockup.css") layer(components);
@import url("components/button.css") layer(components);
@import url("components/field.css") layer(components);
@import url("components/input.css") layer(components);
@import url("components/select.css") layer(components);
@import url("components/status-multiselect.css") layer(components);
@import url("components/date-picker.css") layer(components);
@import url("components/checkbox.css") layer(components);
@import url("components/switch.css") layer(components);
@import url("components/segmented-control.css") layer(components);
@import url("components/combobox.css") layer(components);
@import url("components/date-range.css") layer(components);
@import url("components/file-dropzone.css") layer(components);
@import url("components/badge.css") layer(components);
@import url("components/chip-list.css") layer(components);
@import url("components/status-badge.css") layer(components);
@import url("components/card.css") layer(components);
@import url("components/kpi-card.css") layer(components);
@import url("components/filter-bar.css") layer(components);
@import url("components/status-distribution.css") layer(components);
@import url("components/description-list.css") layer(components);
@import url("components/totals.css") layer(components);
@import url("components/timeline.css") layer(components);
@import url("components/access-key.css") layer(components);
@import url("components/table.css") layer(components);
@import url("components/data-list-card.css") layer(components);
@import url("components/record-card.css") layer(components);
@import url("components/signature-upload.css") layer(components);
@import url("components/system-state.css") layer(components);
@import url("components/coming-soon.css") layer(components);
@import url("components/pagination.css") layer(components);
@import url("components/tabs.css") layer(components);
@import url("components/stepper.css") layer(components);
@import url("components/dropdown-menu.css") layer(components);
@import url("components/filter-popover.css") layer(components);
@import url("components/period-select.css") layer(components);
@import url("components/trend-chart.css") layer(components);
@import url("components/tooltip.css") layer(components);
@import url("components/dialog.css") layer(components);
@import url("components/drawer.css") layer(components);
@import url("components/toast.css") layer(components);
@import url("components/alert.css") layer(components);
@import url("components/skeleton.css") layer(components);
@import url("components/spinner.css") layer(components);
@import url("components/progress-bar.css") layer(components);
@import url("components/empty-state.css") layer(components);
@import url("components/avatar.css") layer(components);
@import url("components/password-strength.css") layer(components);
@import url("components/nav.css") layer(components);
@import url("components/mobile-nav.css") layer(components);
@import url("components/notifications.css") layer(components);
@import url("components/contributor-switcher.css") layer(components);
@import url("components/user-menu.css") layer(components);
@import url("components/shell-skeleton.css") layer(components);
@import url("components/preview.css") layer(components);
@import url("components/route-loader.css") layer(components);
@import url("components/app-overlay.css") layer(components);

@import url("pages/auth.css") layer(components);
@import url("pages/authorization.css") layer(components);
@import url("pages/contributor-detail.css") layer(components);
@import url("pages/contributor-onboarding.css") layer(components);
@import url("pages/dashboard.css") layer(components);
@import url("pages/document-issue.css") layer(components);
@import url("pages/index.css") layer(components);
@import url("pages/invoice-detail.css") layer(components);
@import url("pages/loader-demo.css") layer(components);
@import url("pages/reports.css") layer(components);
@import url("pages/roles.css") layer(components);
@import url("pages/settings.css") layer(components);
@import url("pages/ui-kit.css") layer(components);