/*
  main.css
  Single entry point. Imports every layer in dependency order:
  base -> layout -> components -> pages (FES §1-2).

  Layers below marked [pending] are scaffolded in the folder structure but
  not yet implemented — see project status notes in docs/ or ask before
  adding to this list out of sequence.
*/

/* Base */
@import url('base/reset.css');
@import url('base/tokens.css');
@import url('base/typography.css');

/* Layout */
@import url('layout/grid.css');
@import url('layout/header.css');
/* [pending: shells.css — Candidate Shell / Admin Shell, not yet in scope] */

/* Components */
@import url('components/button.css');
@import url('components/skeleton.css');
@import url('components/card.css');
@import url('components/footer.css');
@import url('components/input.css');
@import url('components/badge.css');
@import url('components/table.css');
@import url('components/alert.css');
@import url('components/file-upload.css');
@import url('components/stepper.css');
@import url('components/modal.css');
/* [pending: remaining Design System §10 components, built as their pages are implemented] */

/* Pages */
@import url('pages/home.css');
@import url('pages/auth.css');
@import url('pages/public.css');
@import url('pages/application.css');
@import url('../dashboard/dashboard.css');

/*
  DEV/QA TOOLING — NOT a production layer. Styles nothing unless
  js/dev/dev-panel.js mounts the panel, which only happens when a
  developer explicitly opts in via a URL flag (see that file). Kept
  physically separate from base/layout/components/pages so it's
  unmistakable in a diff or a build audit, and trivially strippable from
  a real production build later if desired.
*/
@import url('dev/dev-panel.css');