Colors tokens
20 valuescolor.orange.500#f28b30Warm action accent.
color.orange.700#b85b16Accessible accent text.
color.charcoal.950#1f2321Primary ink and dark surfaces.
color.charcoal.700#4d5550Body copy and secondary content.
color.charcoal.500#69736cMuted labels and metadata.
color.sage.50#f3f6f0Soft surface tint.
color.sage.100#e8eee5Subtle highlighted surface.
color.paper.0#ffffffDefault canvas.
color.border.200#dce3dcDefault border.
color.border.300#7d8b80Strong borders and interactive control boundaries.
color.content.primary{color.charcoal.950}Headings, primary labels, and important values.
color.content.secondary{color.charcoal.700}Body copy and supporting labels.
color.content.muted{color.charcoal.500}Metadata that remains readable at small sizes.
color.surface.canvas{color.paper.0}The documentation page background.
color.surface.subtle{color.sage.50}Quiet grouping surface.
color.surface.inverse{color.charcoal.950}Navigation and emphasis surface.
color.action.primary{color.charcoal.950}Primary action background.
color.action.accent{color.orange.500}Accent action and active marker.
color.border.default{color.border.200}Default component boundary.
color.focus.ring{color.orange.700}Visible keyboard focus indicator.