/**
 * ArcSafe CSS Layer System
 * ─────────────────────────────────────────────
 * arcsafe.css — 모든 페이지가 이 파일 하나를 import하는 것이 이상적.
 * 현재는 개별 <link> 방식으로도 작동하나, @layer 선언으로 우선순위 충돌 방지.
 *
 * @layer 우선순위 (낮음 → 높음):
 *   tokens → layout → components → docs → utilities
 *
 * 규칙:
 *   - tokens.css    : 변수만. 절대 selector 없음.
 *   - layout.css    : reset, grid, app shell 구조. component style 없음.
 *   - components.css: 재사용 UI 블록. page-specific 없음.
 *   - docs.css      : 문서 읽기 UX. /codes/ /guides/ /manuals/ 전용.
 *   - utilities.css : single-purpose helpers. !important 허용.
 *
 * 이 계층 순서 덕분에:
 *   - docs.css가 components를 override해도 예측 가능
 *   - utilities가 항상 마지막에 적용
 *   - 모바일 patch가 구조를 깨지 않음
 */

@layer tokens, layout, components, docs, utilities;
/* contracts.css는 docs layer 내부에 포함됨 */