§ 6.2 · Border radius
Radius — luôn luôn bo tròn
Bo tròn ấm áp là đặc trưng THÍCH CAY. Tối thiểu 6px cho mọi surface. Default cho card là --radius-lg (14px); button mặc định là --radius-pill.
--radius-sm
6px
chips, tags
--radius-md
10px
inputs, small cards
--radius-lg ★
14px
cards default
--radius-xl
18px
product cards
--radius-2xl
26px
large containers
--radius-3xl
36px
hero blocks
--radius-pill ★
9999px
buttons, badges
--radius-full
50%
avatars, circles
House rule. Mọi surface (card, input, image, container) luôn luôn bo tròn — tối thiểu 6px. Bo tròn = ấm áp, gần gũi; cạnh vuông sắc = công nghiệp, lạnh — ngược tinh thần Thích Cay.
✕ Cấm: dùng border-radius: 0 hoặc bất kỳ giá trị nào ≤ 4px. Không có token --radius-none trong hệ thống.