디자인 토큰과 화면 전환 기본기를 더 촘촘히 다듬었어요

변경 사항

• 디자인 토큰 확장 — 중립 색상, 시맨틱 컬러, 타이포그래피, 라운드, 보더, 그림자, 모션, 상태, z-index를 한 체계로 정리했어요.
• 공통 UI 일관성 강화 — 입력창, 선택 도구, 팝업, 알림 등 공용 컴포넌트와 디자인 카탈로그가 같은 시맨틱 토큰을 사용하도록 맞췄어요.
• 표 구성 재사용 — 관리자 전용이던 DataTable을 공용 UI로 옮겨 목록·정렬·페이지 이동 화면을 새 프로젝트에서도 바로 재사용할 수 있어요.
• 화면 전환 기준 정리 — 모바일 웹앱의 상위 화면과 상세 화면 전환 경계를 pathname 기준으로 구성하는 가이드를 최신 Ssgoi에 맞췄어요.

사용자 효과

브랜드 색과 글자, 모션의 기준값만 조정해도 여러 화면이 함께 바뀝니다. 새 기능을 만들 때 기존 화면과 다른 버튼·팝업·전환이 생기는 일을 줄일 수 있어요.