Spacing & radius

4px-aligned spacing scale. Border radii derive from --radius (10px).

Spacing

  • 00px
  • 12px
  • 26px
  • 310px
  • 414px
  • 518px
  • 620px
  • 724px
  • 828px
  • 936px
  • 1040px
  • 1144px
  • 1248px
  • 0.51px
  • 1.54px
  • 2.58px
  • 3.512px

Radius

sm
4px
DEFAULT
4px
md
6px
lg
6px
xl
10px
popover
12px
full
9999px
none
0px

Layout tokens

TokenValuePurpose
--header-height56pxPage header AND Sidebar / SidePanel header heights — keeps cross-column header strokes aligned. Override on any parent to scale chrome together.

Shadows

sm
DEFAULT
md
lg
xl
2xl
inner
overlay
input-inner