Use the `&--shade-*` classes to select an emphasis level within the chosen color:

- sd-chip--shade-subtle is the default appearance
- `sd-chip--shade-low`
- `sd-chip--shade-medium`
- `sd-chip--shade-high`
- `sd-chip--shade-none` (white only)

```html
<div class="flex gap-12 items-center">
  <div class="sd-chip sd-chip--shade-subtle">subtle</div>
  <div class="sd-chip sd-chip--shade-low">low</div>
  <div class="sd-chip sd-chip--shade-medium">medium</div>
  <div class="sd-chip sd-chip--shade-high">high</div>
  <div class="sd-chip sd-chip--shade-none">none</div>
</div>
```