/* ==========================================================================
   BioWell System (`bw-system`) — single entry point
   ==========================================================================
   Modern vanilla CSS. No build step. Uses native @layer + native nesting.

   Class prefix:  bws-
   Token prefix:  --bws-*
   Layer order:   reset → tokens → base → components → layouts → utilities → overrides
   ========================================================================== */

/* Layer order: legacy first (lowest priority) → bws system (wins cleanly) → overrides (last).
   This depends on static/css/main.css declaring all its imports as layer(legacy). */
@layer legacy, reset, tokens, base, components, layouts, utilities, overrides;

@import url('00-reset.css') layer(reset);
@import url('10-tokens.css') layer(tokens);
@import url('20-base.css') layer(base);

@import url('30-components/button.css') layer(components);
@import url('30-components/card.css') layer(components);
@import url('30-components/kpi-card.css') layer(components);
@import url('30-components/action-tile.css') layer(components);
@import url('30-components/form.css') layer(components);
@import url('30-components/badge.css') layer(components);
@import url('30-components/tag.css') layer(components);
@import url('30-components/alert.css') layer(components);
@import url('30-components/toast.css') layer(components);
@import url('30-components/modal.css') layer(components);
@import url('30-components/patient-profile-modal.css') layer(components);
@import url('30-components/profile-modal.css') layer(components);
@import url('30-components/avatar.css') layer(components);
@import url('30-components/table.css') layer(components);
@import url('30-components/sidebar.css') layer(components);
@import url('30-components/topbar.css') layer(components);
@import url('30-components/mobile-nav.css') layer(components);
@import url('30-components/page-header.css') layer(components);
@import url('30-components/section-header.css') layer(components);
@import url('30-components/breadcrumb.css') layer(components);
@import url('30-components/empty-state.css') layer(components);
@import url('30-components/progress.css') layer(components);
@import url('30-components/sparkline.css') layer(components);
@import url('30-components/skeleton.css') layer(components);
@import url('30-components/chart-card.css') layer(components);
@import url('30-components/chip.css') layer(components);
@import url('30-components/icon.css') layer(components);
@import url('30-components/tabs.css') layer(components);
@import url('30-components/stepper.css') layer(components);
@import url('30-components/_result.css') layer(components);
@import url('30-components/_editorial.css') layer(components);
@import url('30-components/auth.css') layer(components);
@import url('30-components/auth-extras.css') layer(components);
@import url('30-components/pull-to-refresh.css') layer(components);
@import url('30-components/rail-group.css') layer(components);
@import url('30-components/action-row.css') layer(components);
@import url('30-components/onboarding-shell.css') layer(components);
@import url('30-components/onboarding-auto-flagged.css') layer(components);
@import url('30-components/onboarding-forms-rejected.css') layer(components);
@import url('30-components/onboarding-documents-upload.css') layer(components);
@import url('30-components/patient-dashboard.css') layer(components);
@import url('30-components/feedback-submitted.css') layer(components);

@import url('40-layouts/app-shell.css') layer(layouts);
@import url('40-layouts/page.css') layer(layouts);

@import url('50-utilities.css') layer(utilities);