Bubbles offers a flexible spacing system built around three core concepts: margin, padding, and gap. Margin tokens define the space outside elements, helping to control alignment and separation. Padding tokens manage the space within components, ensuring content is readable and well-balanced. Gap tokens handle the spacing between items in layout containers such as grids or flex rows. All spacing values are defined as global or primitive tokens, not yet associated with specific components or patterns.