테두리
모서리 반경, 테두리 두께와 테두리 색 3단계. 나열이 아니라 실제 쓰는 단계만 큐레이션: Tailwind 유틸을 그대로 쓴다.
모서리 반경 · radius
rounded-sm4px
뱃지·태그·인풋 내부 등 작은 요소.
rounded-md6px
기본값: 버튼·인풋·작은 카드.
rounded-lg8px
카드·드롭다운·패널.
rounded-xl12px
큰 컨테이너·모달·미리보기 박스.
rounded-full9999px
원형·pill: 아바타·점·토글.
기본은 rounded-md. 한 컴포넌트 안에서는 한 단계만: 카드(xl) 안의 버튼(md)처럼 위계에 맞춰 한 칸씩 줄인다.
테두리 두께 · width
border-00px
테두리 제거.
border1px
기본: 구분선·카드·인풋 외곽선.
border-22px
강조·선택·포커스 상태.
색은 아래 3단계 중 하나를 쓴다.
테두리 색 · color
border-border-subtle약
표·목록의 행 구분선. DataTable·Table·DataGrid 본문 줄, DescriptionList divided. 값이 없으면 --border 를 라이트 60%, 다크 100% 로 쓴다(--dx-border-subtle-mix).
border-border중
카드·패널·Dialog 외곽선, 표 머리줄 아래 선.
border-border-strong강
Input·Select·Textarea 외곽선, 기본 Button 테두리.
프리셋·위성 시스템은 --border-subtle 값을 직접 정할 수 있다. 정하지 않으면 그 경계의 --border 를 따라 옅어지므로 다크 위성에서도 어긋나지 않는다. 비율은 --dx-border-subtle-mix(라이트 60%, 다크 100%)이고, 다크에서 60% 로 섞으면 surface 위 대비가 1.12:1 이라 행 구분선이 거의 보이지 않아 다크는 --border 를 그대로 쓴다. 라이트·다크 값은 색상 파운데이션의 중립색 탭에 있다.