전 저장소 리팩터링과 SSOT 정비

docs/design/darkmode-2026-07-14/README.md

@@ -0,0 +1,33 @@
+# 다크모드 채도 완화 리디자인 (2026-07-14)
+
+> 배경: 2026-07-13 한신대 회의 피드백 — "모든 녹색 다크모드가 너무 채도가 높다".
+> gpt-image-2(imagegen2) 시안 3종을 만들고, A(따뜻한 차콜+마른 세이지)를 기본으로
+> B의 앰버 경고 톤을 혼합해 실제 토큰에 반영했다.
+
+## 시안
+
+| 파일 | 방향 | 채택 |
+|---|---|---|
+| `darkmode-a.png` | 저녁의 상담실 — 따뜻한 차콜 + 마른 세이지(#7da294대) | ✅ 기본 채택 |
+| `darkmode-b.png` | 근단색 그레이-유칼립투스 + 앰버 시간 알람 바 | ✅ 경고 톤만 채택 |
+| `darkmode-c.png` | 따뜻한 잉크 대시보드 + 누적 단계 게이지 표현 | 게이지 표현 참조 |
+| `implemented-session.png` | 실제 구현된 세션 화면 (컬랩싱 패널 + P2 게이지 포함) | 결과 |
+| `implemented-learn.png` | 실제 구현된 학습자 대시보드 | 결과 |
+
+## 토큰 변경 요약 (다크 블록만 — 라이트 모드 무변경)
+
+| 토큰 | 이전(쨍한 민트) | 이후(마른 세이지) |
+|---|---|---|
+| `--accent` | `#6fb3a4` | `#7da294` |
+| `--accent-deep` | `#84c2b4` | `#92b3a6` |
+| `--accent-bright` | `#6fb3a4` | `#8db1a4` |
+| `--pos-text` | `#7fd0a0` | `#9cbfa4` |
+| `--pos-solid` | `#5fb682` | `#6f9a7e` |
+| 세션 국소 `--accent` | `#79bfae` | `#83a89b` |
+
+하드코딩 잔여 색(고채도 틸)은 `session.css`/`shell.css`/`login.css`/`settings.css`/
+`learner-home.css`/`session-review.css`에서 일괄 저채도 값으로 치환했다
+(예: `#6fc6a8→#7da294`, `#1d7169→#29564d`, `rgba(111,179,164,…)→rgba(125,162,148,…)`).
+
+검증: `layout-visual-gate.spec.ts` 12/12 · `session-layout.spec.ts` 8/8 (다크 테마 어서션 포함).
+색상값 회귀는 게이트가 잡지 않으므로, 채도를 되돌릴 때는 이 문서와 시안을 근거로 소유자 확인을 거친다.