/*
 * KINTEX 타이포/스페이싱/라운드 토큰 — docs/design.md §1-3, §1-4.
 * 서체: Pretendard (모바일은 시스템 기본으로 폴백; 별도 폰트 번들 없이 웨이트만 반영).
 * 모바일 터치 타깃 48px, radius 최대 8px(산업·건축 톤).
 */
export const radius = {
  sm: 4, // 버튼·인풋
  md: 8, // 카드·모달·섹션 (최대)
  pill: 9999, // 상태/AI 칩
} as const;

export const spacing = {
  xs: 4,
  sm: 8,
  md: 16, // 모바일 페이지 마진
  lg: 24,
  xl: 32,
} as const;

export const touch = {
  min: 48, // 모바일 터치 타깃 권위값 (design.md §1-3)
} as const;

// 스케일 (fontSize / lineHeight / fontWeight)
export const type = {
  display: { fontSize: 28, lineHeight: 36, fontWeight: '700' as const },
  h1: { fontSize: 24, lineHeight: 32, fontWeight: '700' as const },
  h2: { fontSize: 20, lineHeight: 28, fontWeight: '600' as const },
  h3: { fontSize: 16, lineHeight: 24, fontWeight: '600' as const },
  body: { fontSize: 14, lineHeight: 22, fontWeight: '400' as const },
  caption: { fontSize: 12, lineHeight: 18, fontWeight: '400' as const },
} as const;