Brand
Icon .
Envelopa <bio-icon>; tones mapeiam para role tokens; chips circle 44% / square 50%.
Icon · light surface
Wraps <bio-icon> web component. Tones resolve through --icon-* role tokens. Chip ratios: circle 28/64 ≈ 44%; square 22/44 = 50%.
Inline icons · all safe tones · light surface
Status tones · light surface
Icon sizing scale · light surface
Chip · circle 44% ratio (64px / 28px icon) · light surface
Chip · square 50% ratio (44px / 22px icon) · light surface
Icon · dark surface
data-surface="ink" → --icon-accent resolves to --text-accent = --green-400 automatically.
Inline icons · all safe tones · ink surface
Status tones · ink surface
--icon-danger/warning/info lighten on carbon/ink for legibility.