Tokens

Border

Cedar defines three border width tokens. These are width values — for border colors, see the Color token page (border/* semantic tokens).

border/base·--border-width-base·1px

Default. Form controls, cards, dividers.

border/bold·--border-width-bold·2px

Emphasis. Focus rings, active states, alert accents.

border/x-bold·--border-width-x-bold·3px

Strong accent. Alert left-border treatment.

Using border tokens

Width tokens and color tokens always pair together. The canonical pairing isvar(--border-width-base) solid var(--border-subtle) for default borders — the same pattern used by every card and input in Cedar.