Spacing
4pt base. Use Tailwind defaults (1 = 4px, 2 = 8px, …).
Scale
p-0.52px
p-14px
p-28px
p-312px
p-416px
p-520px
p-624px
p-832px
p-1040px
p-1248px
Mobile safe areas
Use `safe-top` / `safe-bottom` utilities to pad past iOS notch and home indicator.
<header className="safe-top px-4 py-3">…</header>
<nav className="safe-bottom">…</nav>Touch targets
Mobile interactive targets must be ≥44 × 44 pt. The Button component defaults to h-11 (44px) for the md size; tab bar items pad to 44px square.