Borders

Border tokens define consistent stroke widths. Use existing semantic border colour tokens (for example --color-surface-border) with these width utilities.

Stroke Width Tokens

Context: DefaultVariable: Utility: 1px
Context: ThickVariable: Utility: 4px
Context: Field FocusVariable: Utility: 2px

Usage

border-default: standard borders on inputs, cards, and dividers.

border-thick: accent borders and focus states.