Spacing & layout

A 4px-based spacing scale and radius tokens keep rhythm and corners consistent across the product.

Spacing scale

• --space-1 0.25rem · 4px
• --space-2 0.5rem · 8px
• --space-3 0.75rem · 12px
• --space-4 1rem · 16px
• --space-6 1.5rem · 24px
• --space-8 2rem · 32px
• --space-12 3rem · 48px
• --space-16 4rem · 64px

Radius

• --radius-sm 6px
• --radius-md 10px
• --radius-lg 16px