색상, 타이포그래피, 간격, 모서리 등 디자인 토큰
주요 브랜드 컬러. SCSS 변수와 CSS 커스텀 프로퍼티(--bs-*) 모두로 사용 가능.
$color-primary
#7C3AED
$color-secondary
#64748B
$color-success
#10B981
$color-danger
#EF4444
$color-warning
#F59E0B
$color-info
#06B6D4
중립 톤 9단계. 텍스트, 보더, 배경에 사용.
$color-gray-100
#F1F5F9
$color-gray-200
#E2E8F0
$color-gray-300
#CBD5E1
$color-gray-400
#94A3B8
$color-gray-500
#64748B
$color-gray-600
#475569
$color-gray-700
#334155
$color-gray-800
#1E293B
$color-gray-900
#0F172A
폰트 크기 스케일. 유틸리티 클래스로 적용.
모서리 반경 토큰
h1~h6 + 섹션 헤딩 변형
<h1>Heading 1</h1>
<h2>Heading 2</h2>