§ 6.1 · Spacing scale

Spacing — 4px base

Hệ 4px tuyến tính, dùng cho mọi padding/margin/gap. Token-1 (4px) là grain nhỏ nhất; token-4 (16px) là base.

--space-1
4px
--space-2
8px
--space-3
12px
--space-4 ★
16px
--space-5
20px
--space-6
24px
--space-8
32px
--space-10
40px
--space-12
48px
--space-16
64px
--space-20
80px
--space-24
96px
Quy tắc: Inline gap dùng --space-2/3. Component padding-x dùng --space-4/6. Section padding-y dùng --space-12/16. Hero section dùng --space-20/24.