/* QPC-DS — the QPC Group Unified Frontend Design System: every shared style QOSS and the QPC Group
   websites use, in one folder (qoss-backend-go/static/css), served at /api/v1/static/css/main.css.
   Layers set precedence once, so a later tier wins without !important and an application can never
   restyle a shared component by accident (docs/QPC_DESIGN_SYSTEM.md):
     foundation  tokens, themes, base, accessibility        00-foundation
     legacy      qoss-web stylesheets not yet migrated       qoss-web/src (until QPC_DS_MIGRATION_MAP is done):
                 above the reset, below every approved component, so an approved screen wins where both style it
     layout      page structure and responsive layouts      01-layout, 01-layout/responsive-layout.css
     components  the shared component library               02-components
     applications QOSS ERP, ESS, ISS, Professional Hub      04-applications (loaded by the app's entry)
     websites    the public websites                        05-websites     (loaded by the website entry)
     utilities   single-purpose classes                     03-utilities
     devices     touch, hover, height, safe areas, print   07-device-adaptations
     vendor      third-party overrides                      06-vendor */
@layer foundation, legacy, layout, components, applications, websites, utilities, devices, vendor;
@import url('00-foundation/reset.css') layer(foundation);
@import url('00-foundation/fonts.css') layer(foundation);
@import url('00-foundation/colors.css') layer(foundation);
@import url('00-foundation/typography.css') layer(foundation);
@import url('00-foundation/spacing.css') layer(foundation);
@import url('00-foundation/sizing.css') layer(foundation);
@import url('00-foundation/borders.css') layer(foundation);
@import url('00-foundation/shadows.css') layer(foundation);
@import url('00-foundation/positioning.css') layer(foundation);
@import url('00-foundation/animation.css') layer(foundation);
@import url('00-foundation/breakpoints.css') layer(foundation);
@import url('00-foundation/themes.css') layer(foundation);
@import url('00-foundation/approved-design.css') layer(foundation);
@import url('00-foundation/base.css') layer(foundation);
@import url('00-foundation/responsive-media.css') layer(foundation);
@import url('00-foundation/accessibility.css') layer(foundation);
@import url('01-layout/container.css') layer(layout);
@import url('01-layout/grid.css') layer(layout);
@import url('01-layout/flexbox.css') layer(layout);
@import url('01-layout/header.css') layer(layout);
@import url('01-layout/navigation.css') layer(layout);
@import url('01-layout/sidebar.css') layer(layout);
@import url('01-layout/page-footer.css') layer(layout);
@import url('01-layout/responsive-layout.css') layer(layout);
@import url('02-components/alerts.css') layer(components);
@import url('02-components/badges.css') layer(components);
@import url('02-components/buttons.css') layer(components);
@import url('02-components/cards.css') layer(components);
@import url('02-components/chart-legends.css') layer(components);
@import url('02-components/charts.css') layer(components);
@import url('02-components/dashboard-widgets.css') layer(components);
@import url('02-components/drawers.css') layer(components);
@import url('02-components/dropdowns.css') layer(components);
@import url('02-components/empty-states.css') layer(components);
@import url('02-components/forms.css') layer(components);
@import url('02-components/inputs.css') layer(components);
@import url('02-components/list-view.css') layer(components);
@import url('02-components/modals.css') layer(components);
@import url('02-components/page-header.css') layer(components);
@import url('02-components/product-cards.css') layer(components);
@import url('02-components/progress-bars.css') layer(components);
@import url('02-components/report-layout.css') layer(components);
@import url('02-components/stat-cards.css') layer(components);
@import url('02-components/table-filters.css') layer(components);
@import url('02-components/table-toolbar.css') layer(components);
@import url('02-components/tables.css') layer(components);
@import url('02-components/tabs.css') layer(components);
@import url('02-components/toast.css') layer(components);
@import url('03-utilities/display-utilities.css') layer(utilities);
@import url('03-utilities/text-utilities.css') layer(utilities);
@import url('03-utilities/visibility-utilities.css') layer(utilities);
@import url('07-device-adaptations/safe-area.css') layer(devices);
@import url('07-device-adaptations/viewport-units.css') layer(devices);
@import url('07-device-adaptations/touch-device.css') layer(devices);
@import url('07-device-adaptations/hover-capability.css') layer(devices);
@import url('07-device-adaptations/compact-height.css') layer(devices);
@import url('07-device-adaptations/reduced-motion.css') layer(devices);
@import url('07-device-adaptations/print.css') layer(devices);