Spacing
A 4px base scale. Every step is a multiple of 4px — from --kg-space-1 (4px) to --kg-space-24 (96px). All padding, gap, and margin values in components use these tokens.
4px base scale
Hairline borders, single-pixel offsets
Icon gap, tight inline spacing
Button padding, badge gap
Input padding, chip gap
Card padding (compact), list item gap
Form row gap
Card padding (default), section gap
Panel inner padding
Section padding, dialog padding
Large card padding
Component vertical rhythm
Page section gap
Hero content gap
Page-level padding
Large layout gap
Max component separation