Overview
Border design tokens provide standardized values that help ensure consistent border styles across Firefox experiences on Android.
Border width tokens
Default
The standard resting border. Use for the vast majority of bordered elements: card outlines, text field/dropdown outlines, chips, containers, and dividers. This is the default unless a component specifically needs more weight.
Heavy
Emphasis / interactive states. Use when a border needs to stand out from the default: focused states (focused text field), or components that carry more visual priority.
Heaviest
Strongest emphasis, used sparingly. Reserve for the highest-priority indicators: active or selected states or heavy decorative strokes where 2dp isn't prominent enough.