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.

--kg-space-px1px
Hairline borders, single-pixel offsets
--kg-space-14px
Icon gap, tight inline spacing
--kg-space-28px
Button padding, badge gap
--kg-space-312px
Input padding, chip gap
--kg-space-416px
Card padding (compact), list item gap
--kg-space-520px
Form row gap
--kg-space-624px
Card padding (default), section gap
--kg-space-728px
Panel inner padding
--kg-space-832px
Section padding, dialog padding
--kg-space-936px
Large card padding
--kg-space-1040px
Component vertical rhythm
--kg-space-1248px
Page section gap
--kg-space-1456px
Hero content gap
--kg-space-1664px
Page-level padding
--kg-space-2080px
Large layout gap
--kg-space-2496px
Max component separation