# Alt Accent Color

## Essence

Alternative accent color for black navigation and brand-like interactive elements.

## Tokens

- Base: `--color-accent-alt` = `#000000 / rgb(0, 0, 0)`.
- Inverse: `--color-accent-alt-inverse` = `--color-bg` = `#ffffff / rgb(255, 255, 255)`.

## Internal Rules

- Use when an interactive element needs black as its accent identity.
- Use for Header brand/menu treatment when the primary blue accent is too strong.
- Do not use as body text replacement; use `--color-text` for text.
- Focus states still use the standard focus accent unless a separate accessibility decision changes that.

## Accessibility Notes

Preserve contrast against the current surface and do not communicate state by color alone.

## Code Paths

- `packages/design-system/src/styles/tokens.css`