Tokens

Override CSS variables after StartHDS loads. Required groups include colors, typography, spacing, layout, radii, shadows, focus rings, transitions, z-index, and control sizes.

Token	Purpose	Override notes
`--hds-color-primary`	Primary actions and links	Safe to set globally or under a theme wrapper.
`--hds-radius-card`	Card and panel shape	Use a conservative length to avoid broken layouts.
`--hds-space-4`	Base spacing step	Components include fallbacks if missing.
`--hds-focus-ring-color`	Visible keyboard focus	Keep strong contrast for accessibility.

.my-product-theme {
  --hds-color-primary: #0f766e;
  --hds-shadow-card: 0 1.25rem 3rem rgb(15 23 42 / 0.14);
}

See docs/tokens.md for a portable Markdown summary.