/* layers.css 최상단 — 반드시 이 선언 순서를 유지한다.
   약함 → 강함: reset < theme < app < layout < component < scaffold < feature
   - 폼 프리미티브: shared/scaffolds/scaffold-form-input/* → @layer component
   - 스캐폴드: simple-form-scaffold 등 → @layer scaffold
   - 도메인: public/stylesheets/features/** → @layer feature { … }
   주의: 위 레이어 밖에서 불러오는 별도 .css(<link>만 연 경우)에 규칙을 적지 않으면 전부 **언레이어드**가 되어,
   특이성과 무관하게 **모든 이름 있는 레이어(feature 포함)보다 우선**한다.
   레이아웃·공용 위젯은 각 파일에서 @layer layout | component 로 감싼다(auth-shell, main-shell, toast-alert 등). */
@layer reset, theme, app, layout, component, scaffold, feature;

/* reset, theme, app */
@import url("/public/stylesheets/reset.css") layer(reset);
@import url("/public/stylesheets/theme.css") layer(theme);
@import url("/public/stylesheets/typography.css") layer(theme);
@import url("/public/stylesheets/app.css") layer(app);

/* layouts */
@import url("/public/stylesheets/shared/layouts/header.css") layer(layout);
@import url("/public/stylesheets/shared/layouts/side-navbar.css") layer(layout);
@import url("/public/stylesheets/shared/layouts/footer.css") layer(layout);
@import url("/public/stylesheets/shared/layouts/flex.css") layer(layout);

/*
 * 글로벌 컴포넌트 — 모든 페이지에서 anchor-button / base-button (예: header drop "알림 전체보기",
 * 사이드바 액션 등)이 사용된다. 페이지가 자기 button.css 를 따로 로드하지 않아도
 * 디자인 시스템 베이스 메트릭이 적용되도록 layers.css 에서 글로벌로 끌어 둔다.
 */
@import url("/public/stylesheets/shared/components/form-input/button.css") layer(component);