🔀 :: (#36) 도구 스택을 컬러 점 + 텍스트 스타일로 변경

[Xixn2]

원인

Capabilities 씬의 도구 스택이 테두리 있는 칩(pill) 형태라 시각적으로 무거웠고,
모노스페이스 폰트여서 본문과 결이 어긋났다.

수정

• app/globals.css — .cap-chip을 컬러 점 + 텍스트로 재정의
  • 테두리·배경·라운드·패딩 제거
  • 폰트를 모노스페이스 11.5px → 본문 산세리프 15px (모바일 14px)
  • ::before로 8px 원형 점을 붙이고 색은 --dot 커스텀 프로퍼티로 받는다
  • hover 시 텍스트만 밝아진다
• components/sections/CapabilitiesScene.tsx
  • DOT_COLORS 팔레트(indigo · cyan · amber · emerald)를 항목 인덱스로 순환 적용
  • 나열형으로 읽히도록 간격을 넓혔다 (데스크탑 12px 24px, 모바일 gap-x-6 gap-y-3)
  • data-chip 훅은 유지해 등장 애니메이션(스케일 팝)이 그대로 동작한다

검증

브라우저 실측 (/ko, 씬 끝):

• 칩 18개, border-width: 0px, 배경 transparent, 폰트 Pretendard Variable 15px
• 점 색상 순환 확인: Claude rgb(99,102,241) → OpenAI rgb(34,211,238) →
  Vercel AI SDK rgb(251,191,36) → pgvector rgb(52,211,153), 각 8px
• tsc --noEmit / next build 통과

---

Closes #36