Foundations
Colors
모든 색은 CSS 변수 토큰으로 정의되어 테마(light/dark/HCB/HCW)에 따라 자동 전환됩니다. 칩을 클릭하면 현재 테마 기준 실제 색 값이 클립보드에 복사됩니다.
Base
표면·텍스트 기본 토큰.
Brand
주요 액션·강조 색.
Semantic
의미별 상태 색 — 수치·배지·알림.
Chart
차트 시리즈 색.
Sidebar
사이드바 전용 토큰.
토큰은
bg-* / text-* / border-* Tailwind 유틸로 사용합니다. 테마를 전환한 뒤 다시 칩을 클릭하면 해당 테마의 값이 복사됩니다.