Spiral uses a 4-pixel spacing system to create consistent rhythm and predictable layouts across interfaces. All spacing values scale in multiples of four, with the exception of 0, 1, 2, 6, and 10, which are reserved for fine adjustments and edge cases.
Radius shapes the visual language of the interface. Spiral defines a set of consistent radius values to ensure components feel cohesive and intentional across the system. Applied via rounded-* utilities, e.g. rounded-12.
