<!-- GENERATED — do not edit. Source: packages/web-components/styles/colors/semantics/core.css, packages/web-components/styles/colors/semantics/aliases.css, packages/web-components/styles/colors/semantics/features.css, packages/web-components/styles/colors/semantics/buckets.css, packages/web-components/styles/colors/semantics/data-viz.css.
     Provenance: produced in the framework monorepo at cut time by
     scripts/release/check-token-semantics-sync.mjs (producer-side tooling,
     not runnable from a consumer install — in a consumer repo this file
     describes the version you installed). -->

# The `--a-*` alias layer — what each token reads

The `--a-*` semantic layer is a thin alias layer reading FROM the `--md-sys-color-*` static export (the color source of truth since v0.8.0). Both layers are public; components consume `--a-*` roles or Material roles directly — the mapping below is the bridge. 322 declarations across the 5 files in `colors/semantics/`.

| `--a-*` token | Reads |
|---|---|
| `--a-canvas-strong` | `var(--md-sys-color-neutral-surface-high)` |
| `--a-canvas` | `var(--md-sys-color-neutral-surface)` |
| `--a-canvas-subtle` | `var(--md-sys-color-neutral-surface-dim)` |
| `--a-canvas-muted` | `var(--md-sys-color-neutral-surface-dimmer)` |
| `--a-canvas-hover` | `var(--md-sys-color-neutral-container-low)` |
| `--a-canvas-active` | `var(--md-sys-color-neutral-container)` |
| `--a-canvas-selected` | `var(--md-sys-color-neutral-container)` |
| `--a-canvas-text-strong` | `var(--md-sys-color-neutral-on-surface)` |
| `--a-canvas-text` | `var(--md-sys-color-neutral-on-surface)` |
| `--a-canvas-text-subtle` | `var(--md-sys-color-neutral-on-surface-variant)` |
| `--a-canvas-text-muted` | `var(--md-sys-color-neutral-placeholder)` |
| `--a-canvas-text-disabled` | `var(--md-sys-color-neutral-on-surface-disabled)` |
| `--a-canvas-text-inverse` | `var(--md-sys-color-neutral-inverse-on-surface)` |
| `--a-canvas-surface-inverse` | `var(--md-sys-color-neutral-inverse-surface)` |
| `--a-canvas-well` | `var(--md-sys-color-neutral-surface-low)` |
| `--a-canvas-inset` | `var(--md-sys-color-neutral-background)` |
| `--a-canvas-pressed` | `var(--md-sys-color-neutral-surface-high)` |
| `--a-canvas-well-strong` | `var(--md-sys-color-neutral-container)` |
| `--a-canvas-border-subtle` | `var(--md-sys-color-neutral-outline-variant)` |
| `--a-canvas-border` | `var(--md-sys-color-neutral-outline)` |
| `--a-canvas-border-strong` | `var(--md-sys-color-neutral-outline-active)` |
| `--a-bg` | `var(--md-sys-color-neutral-background)` |
| `--a-bg-scrim` | `var(--md-sys-color-neutral-scrim-weakest)` |
| `--a-bg-subtle` | `var(--md-sys-color-neutral-surface)` |
| `--a-bg-muted` | `var(--md-sys-color-neutral-container-low)` |
| `--a-bg-strong` | `var(--md-sys-color-neutral-surface-high)` |
| `--a-bg-hover` | `var(--md-sys-color-neutral-container-low)` |
| `--a-bg-active` | `var(--md-sys-color-neutral-container)` |
| `--a-bg-selected` | `var(--md-sys-color-neutral-container)` |
| `--a-bg-disabled` | `var(--md-sys-color-neutral-container-disabled)` |
| `--a-bg-invalid` | `var(--a-danger-muted)` |
| `--a-fg` | `var(--md-sys-color-neutral-on-surface)` |
| `--a-fg-subtle` | `var(--md-sys-color-neutral-on-surface-variant)` |
| `--a-fg-muted` | `var(--md-sys-color-neutral-placeholder)` |
| `--a-fg-strong` | `var(--md-sys-color-neutral-on-surface)` |
| `--a-fg-hover` | `var(--md-sys-color-neutral-on-surface-hover)` |
| `--a-fg-selected` | `var(--md-sys-color-neutral-on-surface-active)` |
| `--a-fg-disabled` | `var(--md-sys-color-neutral-on-surface-disabled)` |
| `--a-fg-inverse` | `var(--md-sys-color-neutral-inverse-on-surface)` |
| `--a-border` | `var(--md-sys-color-neutral-outline)` |
| `--a-border-subtle` | `var(--md-sys-color-neutral-outline-variant)` |
| `--a-border-strong` | `var(--md-sys-color-neutral-outline-active)` |
| `--a-border-hover` | `var(--md-sys-color-neutral-outline-hover)` |
| `--a-neutral` | `var(--md-sys-color-neutral)` |
| `--a-neutral-text-strong` | `var(--md-sys-color-neutral-on-neutral)` |
| `--a-neutral-low` | `var(--md-sys-color-neutral-low)` |
| `--a-neutral-high` | `var(--md-sys-color-neutral-high)` |
| `--a-neutral-subtle` | `var(--md-sys-color-neutral-container-high)` |
| `--a-neutral-bg` | `var(--a-neutral)` |
| `--a-neutral-fg` | `var(--a-neutral-text-strong)` |
| `--a-primary-strong` | `var(--md-sys-color-primary-active)` |
| `--a-primary` | `var(--md-sys-color-primary)` |
| `--a-primary-subtle` | `var(--md-sys-color-primary-container-high)` |
| `--a-primary-muted` | `var(--md-sys-color-primary-container)` |
| `--a-primary-hover` | `var(--md-sys-color-primary-hover)` |
| `--a-primary-active` | `var(--md-sys-color-primary-active)` |
| `--a-primary-selected` | `var(--md-sys-color-primary)` |
| `--a-primary-muted-hover` | `var(--md-sys-color-primary-container-hover)` |
| `--a-link` | `var(--md-sys-color-primary-on-surface)` |
| `--a-link-hover` | `var(--md-sys-color-primary-on-surface-hover)` |
| `--a-link-visited` | `var(--md-sys-color-primary-on-surface-active)` |
| `--a-primary-text-strong` | `var(--md-sys-color-primary-on-primary)` |
| `--a-primary-text` | `var(--md-sys-color-primary-on-surface)` |
| `--a-primary-text-subtle` | `var(--md-sys-color-primary-on-surface-variant)` |
| `--a-primary-text-disabled` | `var(--md-sys-color-primary-on-surface-disabled)` |
| `--a-primary-text-on-muted` | `var(--md-sys-color-primary-on-primary-container)` |
| `--a-primary-border-subtle` | `var(--md-sys-color-primary-outline-variant)` |
| `--a-primary-border` | `var(--md-sys-color-primary-outline)` |
| `--a-primary-border-strong` | `var(--md-sys-color-primary-outline-active)` |
| `--a-primary-bg` | `var(--a-primary)` |
| `--a-primary-bg-hover` | `var(--a-primary-hover)` |
| `--a-primary-bg-active` | `var(--a-primary-active)` |
| `--a-primary-fg` | `var(--a-primary-text-strong)` |
| `--a-primary-fg-hover` | `var(--a-primary-text-strong)` |
| `--a-primary-border-hover` | `var(--a-primary-border-strong)` |
| `--a-primary-container-disabled` | `var(--md-sys-color-primary-container-disabled)` |
| `--a-brand-strong` | `var(--a-brand-60)` |
| `--a-brand` | `var(--a-brand-50)` |
| `--a-brand-subtle` | `var(--a-brand-40)` |
| `--a-brand-muted` | `var(--a-brand-30)` |
| `--a-brand-hover` | `var(--a-brand-60)` |
| `--a-brand-active` | `var(--a-brand-60)` |
| `--a-brand-selected` | `var(--a-brand-40)` |
| `--a-brand-text-strong` | `light-dark(var(--a-brand-05-tint), var(--a-brand-05-tint))` |
| `--a-brand-text` | `light-dark(var(--a-brand-10-tint), var(--a-brand-10-tint))` |
| `--a-brand-text-subtle` | `light-dark(var(--a-brand-30-tint), var(--a-brand-30-tint))` |
| `--a-brand-text-disabled` | `light-dark(var(--a-brand-60-shade), var(--a-brand-60-tint))` |
| `--a-brand-border-subtle` | `var(--a-brand-30)` |
| `--a-brand-border` | `var(--a-brand-45)` |
| `--a-brand-border-strong` | `var(--a-brand-60)` |
| `--a-brand-bg` | `var(--a-brand)` |
| `--a-brand-bg-hover` | `var(--a-brand-hover)` |
| `--a-brand-fg` | `var(--a-brand-text-strong)` |
| `--a-brand-fg-hover` | `var(--a-brand-text-strong)` |
| `--a-brand-border-hover` | `var(--a-brand-border-strong)` |
| `--a-info-strong` | `var(--md-sys-color-info-active)` |
| `--a-info` | `var(--md-sys-color-info)` |
| `--a-info-subtle` | `var(--md-sys-color-info-container-high)` |
| `--a-info-muted` | `var(--md-sys-color-info-container)` |
| `--a-info-hover` | `var(--md-sys-color-info-hover)` |
| `--a-info-active` | `var(--md-sys-color-info-active)` |
| `--a-info-selected` | `var(--md-sys-color-info)` |
| `--a-info-muted-hover` | `var(--md-sys-color-info-container-hover)` |
| `--a-info-text-strong` | `var(--md-sys-color-info-on-info)` |
| `--a-info-text` | `var(--md-sys-color-info-on-surface)` |
| `--a-info-text-subtle` | `var(--md-sys-color-info-on-surface-variant)` |
| `--a-info-text-disabled` | `var(--md-sys-color-info-on-surface-disabled)` |
| `--a-info-text-on-muted` | `var(--md-sys-color-info-on-info-container)` |
| `--a-info-border-subtle` | `var(--md-sys-color-info-outline-variant)` |
| `--a-info-border` | `var(--md-sys-color-info-outline)` |
| `--a-info-border-strong` | `var(--md-sys-color-info-outline-active)` |
| `--a-info-bg` | `var(--a-info)` |
| `--a-info-bg-hover` | `var(--a-info-hover)` |
| `--a-info-fg` | `var(--a-info-text-strong)` |
| `--a-info-fg-hover` | `var(--a-info-text-strong)` |
| `--a-info-border-hover` | `var(--a-info-border-strong)` |
| `--a-info-container-disabled` | `var(--md-sys-color-info-container-disabled)` |
| `--a-success-strong` | `var(--md-sys-color-success-active)` |
| `--a-success` | `var(--md-sys-color-success)` |
| `--a-success-subtle` | `var(--md-sys-color-success-container-high)` |
| `--a-success-muted` | `var(--md-sys-color-success-container)` |
| `--a-success-hover` | `var(--md-sys-color-success-hover)` |
| `--a-success-active` | `var(--md-sys-color-success-active)` |
| `--a-success-selected` | `var(--md-sys-color-success)` |
| `--a-success-muted-hover` | `var(--md-sys-color-success-container-hover)` |
| `--a-success-text-strong` | `var(--md-sys-color-success-on-success)` |
| `--a-success-text` | `var(--md-sys-color-success-on-surface)` |
| `--a-success-text-subtle` | `var(--md-sys-color-success-on-surface-variant)` |
| `--a-success-text-disabled` | `var(--md-sys-color-success-on-surface-disabled)` |
| `--a-success-text-on-muted` | `var(--md-sys-color-success-on-success-container)` |
| `--a-success-border-subtle` | `var(--md-sys-color-success-outline-variant)` |
| `--a-success-border` | `var(--md-sys-color-success-outline)` |
| `--a-success-border-strong` | `var(--md-sys-color-success-outline-active)` |
| `--a-success-bg` | `var(--a-success)` |
| `--a-success-bg-hover` | `var(--a-success-hover)` |
| `--a-success-fg` | `var(--a-success-text-strong)` |
| `--a-success-fg-hover` | `var(--a-success-text-strong)` |
| `--a-success-border-hover` | `var(--a-success-border-strong)` |
| `--a-success-container-disabled` | `var(--md-sys-color-success-container-disabled)` |
| `--a-warning-strong` | `var(--md-sys-color-warning-active)` |
| `--a-warning` | `var(--md-sys-color-warning)` |
| `--a-warning-subtle` | `var(--md-sys-color-warning-container-high)` |
| `--a-warning-muted` | `var(--md-sys-color-warning-container)` |
| `--a-warning-hover` | `var(--md-sys-color-warning-hover)` |
| `--a-warning-active` | `var(--md-sys-color-warning-active)` |
| `--a-warning-selected` | `var(--md-sys-color-warning)` |
| `--a-warning-muted-hover` | `var(--md-sys-color-warning-container-hover)` |
| `--a-warning-text-strong` | `var(--md-sys-color-warning-on-warning)` |
| `--a-warning-text` | `var(--md-sys-color-warning-on-surface)` |
| `--a-warning-text-subtle` | `var(--md-sys-color-warning-on-surface-variant)` |
| `--a-warning-text-disabled` | `var(--md-sys-color-warning-on-surface-disabled)` |
| `--a-warning-text-on-muted` | `var(--md-sys-color-warning-on-warning-container)` |
| `--a-warning-border-subtle` | `var(--md-sys-color-warning-outline-variant)` |
| `--a-warning-border` | `var(--md-sys-color-warning-outline)` |
| `--a-warning-border-strong` | `var(--md-sys-color-warning-outline-active)` |
| `--a-warning-bg` | `var(--a-warning)` |
| `--a-warning-bg-hover` | `var(--a-warning-hover)` |
| `--a-warning-fg` | `var(--a-warning-text-strong)` |
| `--a-warning-fg-hover` | `var(--a-warning-text-strong)` |
| `--a-warning-border-hover` | `var(--a-warning-border-strong)` |
| `--a-warning-container-disabled` | `var(--md-sys-color-warning-container-disabled)` |
| `--a-danger-strong` | `var(--md-sys-color-danger-active)` |
| `--a-danger` | `var(--md-sys-color-danger)` |
| `--a-danger-subtle` | `var(--md-sys-color-danger-container-high)` |
| `--a-danger-muted` | `var(--md-sys-color-danger-container)` |
| `--a-danger-hover` | `var(--md-sys-color-danger-hover)` |
| `--a-danger-active` | `var(--md-sys-color-danger-active)` |
| `--a-danger-selected` | `var(--md-sys-color-danger)` |
| `--a-danger-muted-hover` | `var(--md-sys-color-danger-container-hover)` |
| `--a-danger-text-strong` | `var(--md-sys-color-danger-on-danger)` |
| `--a-danger-text` | `var(--md-sys-color-danger-on-surface)` |
| `--a-danger-text-subtle` | `var(--md-sys-color-danger-on-surface-variant)` |
| `--a-danger-text-disabled` | `var(--md-sys-color-danger-on-surface-disabled)` |
| `--a-danger-text-on-muted` | `var(--md-sys-color-danger-on-danger-container)` |
| `--a-danger-border-subtle` | `var(--md-sys-color-danger-outline-variant)` |
| `--a-danger-border` | `var(--md-sys-color-danger-outline)` |
| `--a-danger-border-strong` | `var(--md-sys-color-danger-outline-active)` |
| `--a-danger-bg` | `var(--a-danger)` |
| `--a-danger-bg-hover` | `var(--a-danger-hover)` |
| `--a-danger-fg` | `var(--a-danger-text-strong)` |
| `--a-danger-fg-hover` | `var(--a-danger-text-strong)` |
| `--a-danger-border-hover` | `var(--a-danger-border-strong)` |
| `--a-danger-container-disabled` | `var(--md-sys-color-danger-container-disabled)` |
| `--a-secondary-strong` | `var(--md-sys-color-secondary-active)` |
| `--a-secondary` | `var(--md-sys-color-secondary)` |
| `--a-secondary-subtle` | `var(--md-sys-color-secondary-container-high)` |
| `--a-secondary-muted` | `var(--md-sys-color-secondary-container)` |
| `--a-secondary-hover` | `var(--md-sys-color-secondary-hover)` |
| `--a-secondary-active` | `var(--md-sys-color-secondary-active)` |
| `--a-secondary-selected` | `var(--md-sys-color-secondary)` |
| `--a-secondary-text-strong` | `var(--md-sys-color-secondary-on-secondary)` |
| `--a-secondary-text` | `var(--md-sys-color-secondary-on-surface)` |
| `--a-secondary-text-subtle` | `var(--md-sys-color-secondary-on-surface-variant)` |
| `--a-secondary-text-disabled` | `var(--md-sys-color-secondary-on-surface-disabled)` |
| `--a-secondary-border-subtle` | `var(--md-sys-color-secondary-outline-variant)` |
| `--a-secondary-border` | `var(--md-sys-color-secondary-outline)` |
| `--a-secondary-border-strong` | `var(--md-sys-color-secondary-outline-active)` |
| `--a-secondary-bg` | `var(--a-secondary)` |
| `--a-secondary-bg-hover` | `var(--a-secondary-hover)` |
| `--a-secondary-fg` | `var(--a-secondary-text-strong)` |
| `--a-secondary-fg-hover` | `var(--a-secondary-text-strong)` |
| `--a-secondary-border-hover` | `var(--a-secondary-border-strong)` |
| `--a-secondary-container-disabled` | `var(--md-sys-color-secondary-container-disabled)` |
| `--a-tertiary-strong` | `var(--md-sys-color-tertiary-active)` |
| `--a-tertiary` | `var(--md-sys-color-tertiary)` |
| `--a-tertiary-subtle` | `var(--md-sys-color-tertiary-container-high)` |
| `--a-tertiary-muted` | `var(--md-sys-color-tertiary-container)` |
| `--a-tertiary-hover` | `var(--md-sys-color-tertiary-hover)` |
| `--a-tertiary-active` | `var(--md-sys-color-tertiary-active)` |
| `--a-tertiary-selected` | `var(--md-sys-color-tertiary)` |
| `--a-tertiary-text-strong` | `var(--md-sys-color-tertiary-on-tertiary)` |
| `--a-tertiary-text` | `var(--md-sys-color-tertiary-on-surface)` |
| `--a-tertiary-text-subtle` | `var(--md-sys-color-tertiary-on-surface-variant)` |
| `--a-tertiary-text-disabled` | `var(--md-sys-color-tertiary-on-surface-disabled)` |
| `--a-tertiary-border-subtle` | `var(--md-sys-color-tertiary-outline-variant)` |
| `--a-tertiary-border` | `var(--md-sys-color-tertiary-outline)` |
| `--a-tertiary-border-strong` | `var(--md-sys-color-tertiary-outline-active)` |
| `--a-tertiary-bg` | `var(--a-tertiary)` |
| `--a-tertiary-bg-hover` | `var(--a-tertiary-hover)` |
| `--a-tertiary-fg` | `var(--a-tertiary-text-strong)` |
| `--a-tertiary-fg-hover` | `var(--a-tertiary-text-strong)` |
| `--a-tertiary-border-hover` | `var(--a-tertiary-border-strong)` |
| `--a-tertiary-container-disabled` | `var(--md-sys-color-tertiary-container-disabled)` |
| `--a-scrim-weak` | `var(--md-sys-color-neutral-scrim-weak)` |
| `--a-scrim-toast` | `var(--md-sys-color-neutral-scrim)` |
| `--a-scrim-default` | `var(--md-sys-color-neutral-scrim-strong)` |
| `--a-scrim-dialog` | `var(--a-chrome-scrim-dialog)` |
| `--a-scrim-strong` | `var(--md-sys-color-neutral-scrim-strongest)` |
| `--a-focus-color` | `var(--a-primary-strong)` |
| `--a-focus-color-invalid` | `var(--a-danger)` |
| `--a-focus-width` | `2px` |
| `--a-focus-offset` | `2px` |
| `--a-focus-bg` | `var(--a-canvas-0)` |
| `--a-focus-ring-shadow` | `0 0 0 var(--a-focus-offset) var(--a-focus-bg), 0 0 0 calc(var(--a-focus-offset) + var(--a-` |
| `--a-focus-ring-shadow-invalid` | `0 0 0 var(--a-focus-offset) var(--a-focus-bg), 0 0 0 calc(var(--a-focus-offset) + var(--a-` |
| `--a-ring` | `var(--a-focus-color)` |
| `--a-ring-invalid` | `var(--a-focus-color-invalid)` |
| `--a-focus-ring` | `var(--a-focus-ring-shadow)` |
| `--a-focus-ring-invalid` | `var(--a-focus-ring-shadow-invalid)` |
| `--a-ui-bg` | `var(--md-sys-color-neutral-container)` |
| `--a-ui-bg-hover` | `var(--md-sys-color-neutral-container-hover)` |
| `--a-ui-bg-active` | `var(--a-canvas-0)` |
| `--a-ui-bg-selected` | `var(--md-sys-color-neutral-container-active)` |
| `--a-ui-bg-disabled` | `var(--md-sys-color-neutral-container-low)` |
| `--a-ui-bg-invalid` | `var(--a-danger-muted)` |
| `--a-ui-text` | `var(--a-fg-strong)` |
| `--a-ui-text-hover` | `var(--a-fg-strong)` |
| `--a-ui-text-active` | `var(--a-fg-strong)` |
| `--a-ui-text-selected` | `var(--a-fg-strong)` |
| `--a-ui-text-placeholder` | `var(--a-fg-muted)` |
| `--a-ui-text-subtle` | `var(--a-fg-subtle)` |
| `--a-ui-text-muted` | `var(--a-fg-muted)` |
| `--a-ui-text-disabled` | `var(--a-fg-disabled)` |
| `--a-ui-text-invalid` | `var(--a-danger-text)` |
| `--a-ui-border` | `var(--a-border)` |
| `--a-ui-border-hover` | `var(--a-border-hover)` |
| `--a-ui-border-active` | `var(--a-primary)` |
| `--a-ui-border-selected` | `var(--a-primary)` |
| `--a-ui-border-disabled` | `var(--md-sys-color-neutral-outline-disabled)` |
| `--a-ui-border-invalid` | `var(--a-danger)` |
| `--a-ui-caret` | `var(--a-primary)` |
| `--a-highlight-strong` | `var(--a-warning-subtle)` |
| `--a-highlight` | `var(--a-warning-muted)` |
| `--a-highlight-subtle` | `var(--md-sys-color-warning-container-low)` |
| `--a-highlight-text` | `var(--a-fg-strong)` |
| `--a-selection-bg` | `var(--a-primary-subtle)` |
| `--a-selection-text` | `var(--a-fg-strong)` |
| `--a-selection-radius` | `var(--a-space-1)` |
| `--a-chrome-light` | `var(--a-neutral-0-tint)` |
| `--a-chrome-dark` | `var(--a-neutral-0-shade)` |
| `--a-chrome-border` | `var(--a-chrome-light)` |
| `--a-chrome-ring-subtle` | `oklch(0 0 0 / 0.3)` |
| `--a-chrome-shadow-soft` | `oklch(0 0 0 / 0.2)` |
| `--a-chrome-backdrop` | `oklch(0 0 0 / 0.5)` |
| `--a-chrome-fg` | `var(--a-chrome-light)` |
| `--a-chrome-bg` | `oklch(0 0 0 / 0.4)` |
| `--a-chrome-scrim-dialog` | `oklch(0 0 0 / 0.8)` |
| `--a-primary-bucket-0` | `light-dark(var(--a-primary-15-tint), var(--a-primary-85-shade))` |
| `--a-primary-bucket-1` | `light-dark(var(--a-primary-30-tint), var(--a-primary-70-shade))` |
| `--a-primary-bucket-2` | `var(--a-primary-60)` |
| `--a-primary-bucket-3` | `light-dark(var(--a-primary-65-tint), var(--a-primary-35-shade))` |
| `--a-primary-bucket-4` | `light-dark(var(--a-primary-80-tint), var(--a-primary-20-shade))` |
| `--a-success-bucket-0` | `light-dark(var(--a-success-15-tint), var(--a-success-85-shade))` |
| `--a-success-bucket-1` | `light-dark(var(--a-success-30-tint), var(--a-success-70-shade))` |
| `--a-success-bucket-2` | `var(--a-success-60)` |
| `--a-success-bucket-3` | `light-dark(var(--a-success-65-tint), var(--a-success-35-shade))` |
| `--a-success-bucket-4` | `light-dark(var(--a-success-80-tint), var(--a-success-20-shade))` |
| `--a-warning-bucket-0` | `light-dark(var(--a-warning-15-tint), var(--a-warning-85-shade))` |
| `--a-warning-bucket-1` | `light-dark(var(--a-warning-30-tint), var(--a-warning-70-shade))` |
| `--a-warning-bucket-2` | `var(--a-warning-60)` |
| `--a-warning-bucket-3` | `light-dark(var(--a-warning-65-tint), var(--a-warning-35-shade))` |
| `--a-warning-bucket-4` | `light-dark(var(--a-warning-80-tint), var(--a-warning-20-shade))` |
| `--a-danger-bucket-0` | `light-dark(var(--a-danger-15-tint), var(--a-danger-85-shade))` |
| `--a-danger-bucket-1` | `light-dark(var(--a-danger-30-tint), var(--a-danger-70-shade))` |
| `--a-danger-bucket-2` | `var(--a-danger-60)` |
| `--a-danger-bucket-3` | `light-dark(var(--a-danger-65-tint), var(--a-danger-35-shade))` |
| `--a-danger-bucket-4` | `light-dark(var(--a-danger-80-tint), var(--a-danger-20-shade))` |
| `--a-info-bucket-0` | `light-dark(var(--a-info-15-tint), var(--a-info-85-shade))` |
| `--a-info-bucket-1` | `light-dark(var(--a-info-30-tint), var(--a-info-70-shade))` |
| `--a-info-bucket-2` | `var(--a-info-60)` |
| `--a-info-bucket-3` | `light-dark(var(--a-info-65-tint), var(--a-info-35-shade))` |
| `--a-info-bucket-4` | `light-dark(var(--a-info-80-tint), var(--a-info-20-shade))` |
| `--a-data-0-hue` | `var(--a-primary-hue)` |
| `--a-data-1-hue` | `calc(var(--a-primary-hue) - var(--a-data-delta) * 1)` |
| `--a-data-2-hue` | `calc(var(--a-primary-hue) + var(--a-data-delta) * 1)` |
| `--a-data-3-hue` | `calc(var(--a-primary-hue) - var(--a-data-delta) * 2)` |
| `--a-data-4-hue` | `calc(var(--a-primary-hue) + var(--a-data-delta) * 2)` |
| `--a-data-5-hue` | `calc(var(--a-primary-hue) - var(--a-data-delta) * 3)` |
| `--a-data-6-hue` | `calc(var(--a-primary-hue) + var(--a-data-delta) * 3)` |
| `--a-data-7-hue` | `calc(var(--a-primary-hue) - var(--a-data-delta) * 4)` |
| `--a-data-8-hue` | `calc(var(--a-primary-hue) + var(--a-data-delta) * 4)` |
| `--a-data-9-hue` | `calc(var(--a-primary-hue) + var(--a-data-delta) * 5)` |
| `--a-data-0` | `light-dark( oklch(var(--_data-l-light-0) var(--a-data-c) var(--a-data-0-hue)), oklch(var(-` |
| `--a-data-1` | `light-dark( oklch(var(--_data-l-light-1) var(--a-data-c) var(--a-data-1-hue)), oklch(var(-` |
| `--a-data-2` | `light-dark( oklch(var(--_data-l-light-2) var(--a-data-c) var(--a-data-2-hue)), oklch(var(-` |
| `--a-data-3` | `light-dark( oklch(var(--_data-l-light-0) var(--a-data-c) var(--a-data-3-hue)), oklch(var(-` |
| `--a-data-4` | `light-dark( oklch(var(--_data-l-light-1) var(--a-data-c) var(--a-data-4-hue)), oklch(var(-` |
| `--a-data-5` | `light-dark( oklch(var(--_data-l-light-2) var(--a-data-c) var(--a-data-5-hue)), oklch(var(-` |
| `--a-data-6` | `light-dark( oklch(var(--_data-l-light-0) var(--a-data-c) var(--a-data-6-hue)), oklch(var(-` |
| `--a-data-7` | `light-dark( oklch(var(--_data-l-light-1) var(--a-data-c) var(--a-data-7-hue)), oklch(var(-` |
| `--a-data-8` | `light-dark( oklch(var(--_data-l-light-2) var(--a-data-c) var(--a-data-8-hue)), oklch(var(-` |
| `--a-data-9` | `light-dark( oklch(var(--_data-l-light-0) var(--a-data-c) var(--a-data-9-hue)), oklch(var(-` |