feat: integrate latest HMDesign design system updates

docs/patterns/dashboard-layout.md

@@ -59,6 +59,8 @@ Dashboard 운영 화면은 전용 Header/Menu·업무 상태 필터와 Content
 
 상태 CSS는 변수 정의만 제공한다. 기존 `Badge variant="outline"`에는 화면의 wrapper에서 아래 mapping을 적용한다. 완료의 흰색 ink가 유지되므로 기존 어두운 Badge 배경도 함께 유지한다. `issue` Badge는 실제 상태 Badge와 별도로 렌더링한다.
 
+이 recipe와 일치하더라도 소비자의 HM slot CSS는 Guard `REUSE-003 NOT VERIFIED`를 유지한다. [CSS Intent 근거 연결](../guidelines/ai-generation-guard.md#css-측정과-intent-검토-근거)은 정확한 issue·문서 SHA·실측 변수를 연결하며 스타일 적용 확인과 사용자 디자인 의도 승인을 구분한다.
+
 ```css
 .dashboard-status [data-status="active"] { --dashboard-status-color: var(--hm-dashboard-status-active); }
 .dashboard-status [data-status="hold"] { --dashboard-status-color: var(--hm-dashboard-status-hold); }
@@ -73,6 +75,8 @@ Dashboard 운영 화면은 전용 Header/Menu·업무 상태 필터와 Content
 
 HTML adapter는 같은 상태 변수를 자신의 `color` 등에 연결한다. package dist를 정적 자산으로 배치하면 `theme.css` 다음에 `dashboard-status.css`를 `<link>`로 로드한다. 저장소의 기존 Static HTML 예제는 호환 CSS 경로를 그대로 사용한다. React와 HTML 모두 `done`은 `--hm-dashboard-status-done`을 참조하며, 이 alias는 `:root`와 `[data-hm-theme]`에서 각 scope의 white token으로 재계산한다. active/hold/issue 색상과 Runtime Theme의 73개 계약은 유지한다.
 
+Guard의 REUSE-003는 위 소비 mapping에도 검토 위치를 남긴다. Token 선언과 실제 Badge custom property/color/background/border를 통과해도 요청 디자인과의 의미적 일치는 자동 승인하지 않는다. [CSS Intent·동적 Token 증거 계약](../guidelines/ai-generation-guard.md#css-intent와-동적-token-검사-2026-10-10)에 따라 위치별 STATIC/RUNTIME/DESIGN_INTENT/FINAL을 보고하고, 실제 실행하지 않은 Theme와 상태는 NOT VERIFIED로 남긴다. 기존 대표 Story·상태 색상·Layout은 그대로 유지한다.
+
 #### React 소비 예제: 데이터 → 상태 변수 → Badge
 
 `active`(진행) → `--hm-dashboard-status-active`, `hold`(보류) → `--hm-dashboard-status-hold`, `done`(완료) → `--hm-dashboard-status-done`이다. 독립 `issue === true`는 `--hm-dashboard-status-issue`로 별도 Badge를 표시한다. `tone`은 의미 분류이며 Badge variant나 CSS를 자동 선택하지 않는다. 위 CSS mapping과 import 순서를 앱 CSS entry에 적용한 다음 아래 공개 API를 사용한다.