/* ==========================================================================
   PMXpress Design System — global entry point.
   소비 프로젝트는 이 파일 하나만 링크합니다.

   토큰은 세 계층으로 나뉩니다 — 순서가 곧 의존 방향이며 거꾸로 참조하지 않습니다.
     primitives  값이 태어나는 곳. 램프. 제품 UI에서 직접 쓰지 않습니다.
     semantic    용도로 부르는 이름. 표면·텍스트·경계·상태. 화면이 쓰는 것.
     domain      PM 업무의 뜻 여섯 축. 프로젝트 상태·심각도·숙련도·자산·편차·원가.
     theme-dark  위 세 계층에 대한 덮어쓰기.
   base.css는 인라인 style로 표현할 수 없는 상태 규칙(포커스·링크·행 호버·모션 축소)을 갖습니다.
   pmx-components.css는 컴포넌트 시각 결정의 정본입니다(React 층·Thymeleaf 계약이 함께 소비).

   ── 캐스케이드 레이어 (1.2.0) ──────────────────────────────────────────
   순서 선언이 곧 우선순위이며 **특정도보다 앞섭니다.** 목적은 두 가지입니다.
     ① 시스템 내부 질서를 로드 순서가 아니라 이름으로 고정 — components가 base를 이깁니다.
     ② 소비 프로젝트 CSS는 레이어 밖(unlayered)이므로 **정의상 모든 레이어를 이깁니다.**
        의도한 덮어쓰기는 특정도 싸움 없이 되고, 우연한 충돌은 생기지 않습니다.
   레이어를 쓰지 않는 구형 브라우저는 @layer 블록을 무시하므로, 순서를 지금과 같이
   두어야 폴백에서도 결과가 같습니다(선언 순서 = 레이어 순서).
   ========================================================================== */

@layer pmx.tokens, pmx.base, pmx.components;

@import "tokens/fonts.css";
@import "tokens/primitives.css" layer(pmx.tokens);
@import "tokens/semantic.css" layer(pmx.tokens);
@import "tokens/domain.css" layer(pmx.tokens);
@import "tokens/typography.css" layer(pmx.tokens);
@import "tokens/spacing.css" layer(pmx.tokens);
@import "tokens/effects.css" layer(pmx.tokens);
@import "tokens/theme-dark.css" layer(pmx.tokens);
/* 대비 증가 요청(1.8.0) — 다크 재정의보다 뒤에 와야 두 테마 모두에 적용됩니다. */
@import "tokens/contrast-more.css" layer(pmx.tokens);
@import "base.css" layer(pmx.base);
@import "pmx-components.css" layer(pmx.components);