# InsuWiki 카드 편집창 단계 숫자 색상 조정

## 프로젝트 경로
- `/home/jay/projects/insuwiki/`
- Next.js + Firebase + Vercel

## 요청 내용
카드 내용 편집창에서 계층 구조 숫자(1, 1.1, 1.1.1 등)의 색상 조정:

- **1단계, 2단계**: 현재 색상 유지 (진한 색)
- **3단계 이상**: 숫자 색을 **조금 옅은 색**으로 변경

## 이유
- 숫자 색이 너무 진해서 본문 내용에 집중하기 어려움
- 그렇다고 숫자를 없애면 구조가 안 보이므로, 숫자 체계는 유지하되 시각적 비중만 줄이기

## 구현 방향
1. 먼저 카드 편집 컴포넌트를 찾아서 현재 숫자 스타일링 확인
2. 계층 depth를 판별하는 로직 확인 (1단계=depth 1, 2단계=depth 2, 3단계+=depth 3+)
3. depth >= 3인 경우 숫자 색상을 현재보다 옅게 조정
   - 예: 현재 진한 색(#333 등)이면 → 3단계+는 #999 또는 #AAAAAA 등 회색 계열
   - 정확한 색상은 현재 값 확인 후 적절히 판단
4. 본문 텍스트 색상은 변경하지 말 것 — 숫자만 변경

## 주의사항
- InsuWiki는 Next.js 프로젝트 (React + TypeScript)
- git user 설정: `JonghyukJeon <jonghyuk.jeon@gmail.com>` (커밋 시 필요)
- Vercel 자동 배포: git push하면 자동 배포됨 — **push는 하지 말 것** (아누가 확인 후 push)

## 테스트
1. 빌드 확인: `cd /home/jay/projects/insuwiki && npm run build`
2. pyright/tsc 타입 체크
3. 1-2단계 숫자는 기존과 동일한지 확인
4. 3단계+ 숫자는 옅어졌는지 확인

## 완료 기준
- [ ] 3단계+ 숫자 색상 옅게 변경
- [ ] 1-2단계 색상 기존 유지
- [ ] 빌드 에러 없음
- [ ] 타입 에러 없음