# 결 Design System v8.3

## 목적
공통 CSS와 공통 JS를 먼저 만들고, 각 페이지는 전용 CSS/JS만 얹는다.

## 구조
```text
assets/css/gyeol-core.css   # 공통 토큰, 버튼, 패널, 리스트, 모달, 푸터
assets/css/index.css        # 인덱스 전용 레이아웃과 연출
assets/js/gyeol-core.js     # 공통 포맷터, 토스트, 배지
assets/js/gyeol-motion.js   # 공통 모션 유틸
assets/js/pages/index.js    # 인덱스 전용 API/이벤트
```

## 원칙
- 사용자 핵심 콘텐츠는 HTML에 남긴다.
- JS는 향상, API 연결, 애니메이션만 담당한다.
- CSS variables를 디자인 토큰으로 쓴다.
- 새 페이지는 `gyeol-core.css`를 먼저 불러오고 페이지 CSS를 나중에 불러온다.