Spacing

Spacing is built on a 4px base with an 8px rhythm. The scale skips steps on purpose: fewer choices make layouts more consistent.

Scale

--mrd-space-14px

--mrd-space-28px

--mrd-space-312px

--mrd-space-416px

--mrd-space-520px

--mrd-space-624px

--mrd-space-728px

--mrd-space-832px

--mrd-space-1040px

--mrd-space-1456px

--mrd-space-1664px

--mrd-space-1872px

--mrd-space-28112px

Prefer air. Sections are separated by generous padding, not by rules or boxes.
Space inside a component is smaller than the space between components.
Card padding is --mrd-space-7 (28px); dialog padding is --mrd-space-8 (32px).
Use gap on flex and grid containers rather than margins on children.