COLOR TOKENS
컬러 토큰 33종
시멘틱 토큰 기반 — Light / Dark 양쪽 hex가 자동 매핑됩니다. 하드코드 hex 금지. CSS prefix는 --ds-core-color-*. ⛔ 표시는 Light 마이그 대기. 각 카드의 좌우 swatch는 Light/Dark 시각화입니다.
Background
14 tokens
background-weak
약한 배경 (카드, 섹션)
background-inverse
반전 배경 (Snackbar)
background-brand
브랜드 배경 (CTA)
background-brand-weak
브랜드 약배경 (chip selected)
background-emphasis-weak
강조 약배경
⛔background-critical
에러/경고 배경 (Light 마이그 대기)
⛔background-critical-weak
에러 약배경 (Light 마이그 대기)
background-attention
주의 배경
background-attention-weak
주의 약배경
background-dim
딤 오버레이 (모달 백드롭)
background-overlay
반투명 오버레이
Border
8 tokens
border-strong
Input focus 등 강조 보더
border-thumbnail
썸네일 미세 보더
border-brand
브랜드 (chip selected)
⛔border-critical
Input error 보더 (Light 마이그 대기)
Foreground (텍스트·아이콘)
8 tokens
foreground-weak
보조 텍스트 (메타·캡션)
foreground-inverse
반전 텍스트 (CTA 라벨)
foreground-emphasis
강조 텍스트
⛔foreground-critical
에러 텍스트 (helper)
foreground-attention
주의 텍스트
foreground-disabled
비활성 텍스트