design-tokens:
  version: 1
  tokens:
    color:
      canvas: { value: "#ffffff", type: color, description: 최상위 배경에만 사용 }
      surface: { value: "#f7f8fa", type: color, description: 구획된 표면 }
      text: { value: "#16181d", type: color, description: 기본 본문 }
      text-muted: { value: "#596170", type: color, description: 보조 설명; 작은 본문 AA 대비 유지 }
      border: { value: "#d9dde5", type: color, description: 경계와 구분 }
      accent: { value: "#2457d6", type: color, description: primary action과 focus에만 사용 }
      danger: { value: "#b42318", type: color, description: 파괴적 액션과 오류 }
    space:
      xs: { value: "0.25rem", type: dimension, description: 아이콘 내부 간격 }
      sm: { value: "0.5rem", type: dimension, description: 밀접 요소 간격 }
      md: { value: "1rem", type: dimension, description: 기본 그룹 간격 }
      lg: { value: "1.5rem", type: dimension, description: 섹션 내부 간격 }
      xl: { value: "2.5rem", type: dimension, description: 주요 섹션 분리 }
    radius:
      control: { value: "0.5rem", type: dimension, description: 입력·버튼 }
      surface: { value: "0.75rem", type: dimension, description: 카드·패널 }
    typography:
      body-size: { value: "1rem", type: dimension, description: 기본 본문 크기 }
      body-line: { value: "1.5", type: number, description: 기본 본문 행간 }
      label-size: { value: "0.875rem", type: dimension, description: 레이블 최소 크기 }
    motion:
      fast: { value: "120ms", type: duration, description: 직접 조작 피드백 }
      standard: { value: "200ms", type: duration, description: 상태 전환 }