Foundations
The token layer every component is built on. Restyle the system by remapping these — components consume tokens, never raw values.
Tokens
Styling flows through semantic roles (bg-brand-solid, border-input, …) rather than raw hex or hand-set lengths — so restyling is a remap of the roles, never a hunt through component source.
Color
Semantic surfaces and status colors, light and dark.Typography
The type scale and text styles.Spacing
The spacing ramp and density-scaled control sizes.Radius & shadow
Corner radii and elevation tokens.Motion
Durations and easing curves — the Glide vibe.Axes
tone · appearance · variant — what each styling axis means, and the same three names on every component.Accessibility
Every garn component arrives with its accessibility already handled: accessible names, labelled controls, titled dialogs, and a complete keyboard model — arrow-key roving where the pattern calls for it, focus trapped and restored on overlays, visible focus rings you don't have to reinstate. Each component page spells out its own behaviour under Accessibility, so you know exactly what you get before you compose.