[Design] 전체 UI 디자인 시스템 리뉴얼

[BcKmini]

배경

기존 디자인(플랫한 티옇 톤, 그림자 없음, 좁은 radius)이 올드해 보인다는 피드백. Linear/Vercel/Stripe류 전문가스러운 SaaS 톤으로 색상·타이포·여백·elevation을 전면 개편.

방향

• 인기 많고 전문가스러운 B2B SaaS 톤 (Linear/Vercel/Stripe 참고), AI 생성 티 안 나게, 가시성 우선
• 브랜드 아이덴티티(teal)는 유지하되 사이드바를 완전히 다른 톤(다크 그라파이트)으로 전환해 첫인상부터 확실히 다르게
• src/styles/tokens.css가 전체 앱의 색상·radius·spacing 단일 소스라서, 토큰 교체만으로 54개 페이지 전체에 자동 반영됨. 여기에 핵심 공용 컴포넌트(Button/Modal/Dropdown/AppLayout 등)와 트래픽 많은 주요 화면은 그림자·radius·여백까지 개별적으로 다듬음

서브이슈

• #(작성 예정) 디자인 토큰·공용 컴포넌트·앱 셸 리뉴얼
• #(작성 예정) 주요 업무 화면 리디자인 (대시보드·업무함·근로자·문서함·Case 상세)
• #(작성 예정) 로그인 화면 및 하드코딩 색상 정리

완료 조건

• 전체 페이지가 새 토큰 기준으로 렌더링됨 (자동 상속 확인)
• 핵심 화면 육안 검증 (로그인·대시보드·업무함·근로자)
• npx tsc -b / npm run lint / npx vitest run / npm run build 통과
• PR만 생성, 머지는 보류 (디자인 리뷰 후 진행)