Borders

Available border styling values.

Border widths and corner radii are tokens, so brand themes can make components sharper or softer without changing component styles.

.card {
  border: var(--nbhd-border-width-subtle) solid currentColor;
  border-radius: var(--nbhd-border-radius-md);
}

Width

Token	CSS Variable	Value
`border.width.none`	`var(--nbhd-border-width-none)`	`0`
`border.width.subtle`	`var(--nbhd-border-width-subtle)`	`1px`
`border.width.emphasis`	`var(--nbhd-border-width-emphasis)`	`2px`
`border.width.strong`	`var(--nbhd-border-width-strong)`	`3px`
`border.width.heavy`	`var(--nbhd-border-width-heavy)`	`4px`