Token · stable · v1.0.0 · owner: Site system lead · contract 19 of 20 points (open: figma)
Reference
Source reference; not an executed check.
--field-bg- field
--edge- woven edge
--thread- section
--job-dye- job
Do and don't
2 positive / 2 negative authored documentation examples (2 each required); 1 reference (1 required); 0 failed. References and failures do not count; this is not behavior acceptance.
Do: A real field supplies its contextual aliases
Authored by tokens.tsRendered consumer example; not an executed correctness check. dye-field Isolated document follows the browser's colour and contrast preferences. The outer theme toolbar does not control this document.
Open example: Component tokens · Do: A real field supplies its contextual aliases Use the full-page example to follow page links.
Do: A real button consumes per-part bindings
Authored by tokens.tsRendered consumer example; not an executed correctness check. button Isolated document follows the browser's colour and contrast preferences. The outer theme toolbar does not control this document.
Open example: Component tokens · Do: A real button consumes per-part bindings Use the full-page example to follow page links.
Don't: A per-part colour alias receives raw paint
Authored by tokens.tsRule illustration; not an executed check. tokens-component / tokens.component-from-semantic
.btn { --button-background-ink: #ff00ff; }
A raw local colour replaces the semantic background binding.Don't: A part gap forks the semantic scale
Authored by tokens.tsRule illustration; not an executed check. tokens-component / tokens.component-from-semantic
.btn { --button-gap-space-4: 17px; }
A per-part alias is repurposed as an off-scale local value.Rules
| Rule | Why | Check |
|---|---|---|
| Component tokens are set from semantic tokens only. | Context changes, values do not. | Automated: tests/unit/site-component-bindings.test.ts; tests/unit/site-identity.test.ts |
API
No props.
Contract details
The full contract: identity, anatomy, variants, states, tokens, layout, motion, accessibility, content, tests
Identity
| Aspect | Value |
|---|---|
| Id | tokens-component |
| Layer | Tokens |
| Category | tokens |
| Owner | Site system lead |
| Status | stable |
| Version | 1.0.0 |
| Source | apps/showcase/site/system/tokens/tokens.ts (private repository; the contract and the render function are this one module) |
| Version | Date | Change |
|---|---|---|
| 1.0.0 | 2026-10-26 | Component tokens as one module: its markup moved out of the page builder (scripts/site) into the system. |
Use when
- When an element needs a role that changes by context. Why: The context sets it once; the parts inside read it.
Do not use when
- As a new global role. Why: Global roles live in brand.ts.
Anatomy
| Part | What it is |
|---|---|
| field | --field-bg, --field-fg, --field-fg-2, --field-link (dye-field) |
| edge | --edge (woven-edge) |
| thread | --thread (header, main) |
| job | --job-dye (job-section) |
Made of: tokens-semantic.
Used in: identity-art, identity-sticker, state-badge, job-map, atomic-guide.
Variants
| Variant | When | Why |
|---|---|---|
| light and dark | Every page, following the reader's setting. | The same roles resolve to light or dark values, so no element chooses its own. |
States
| State | Rendered or not applicable |
|---|---|
| default | The specimen. |
| hover | Not applicable: A foundation is not interactive. |
| focus-visible | Not applicable: Not focusable. |
| active | Not applicable: Not interactive. |
| disabled | Not applicable: Nothing to disable. |
| loading | Not applicable: Values are built into the stylesheet. |
| empty | Not applicable: The build fails if a value is missing. |
| error | Not applicable: Unresolved values fail the brand gate, not the reader. |
| current | Not applicable: No current item. |
| visited | Not applicable: Not a link. |
| expanded | Not applicable: Does not open. |
Tokens
| Part | Token |
|---|---|
| --arrow-link-gap-space-4 | var(--space-4) |
| --arrow-link-font-weight-weight-strong | var(--weight-strong) |
| --arrow-link-text-underline-offset-space-2 | var(--space-2) |
| --arrow-link-margin-top-space-8 | var(--space-8) |
| --band-word-margin-top-space-5 | var(--space-5) |
| --band-word-color-ink-2 | var(--ink-2) |
| --band-word-margin-right-space-3 | var(--space-3) |
| --band-word-padding-space-1 | var(--space-1) |
| --band-word-padding-space-4 | var(--space-4) |
| --band-word-font-type-small-strong | var(--type-small-strong) |
| --band-word-color-on-dye | var(--on-dye) |
| --band-word-background-band-woven | var(--band-woven) |
| --band-word-border-radius-radius | var(--radius) |
| --band-word-background-band-holding | var(--band-holding) |
| --band-word-background-saffron | var(--saffron) |
| --band-word-color-on-saffron | var(--on-saffron) |
| --band-word-background-band-loose | var(--band-loose) |
| --band-word-gap-space-3 | var(--space-3) |
| --band-word-font-size-fs-small | var(--fs-small) |
| --band-word-margin-bottom-space-4 | var(--space-4) |
| --band-word-font-type-label | var(--type-label) |
| --button-bar-space-3 | var(--space-3) |
| --button-gap-space-4 | var(--space-4) |
| --button-padding-space-4 | var(--space-4) |
| --button-padding-space-7 | var(--space-7) |
| --button-padding-space-6 | var(--space-6) |
| --button-border-radius-radius | var(--radius) |
| --button-font-type-strong | var(--type-strong) |
| --button-background-ink | var(--ink) |
| --button-color-cotton | var(--cotton) |
| --button-box-shadow-saffron | var(--saffron) |
| --button-transition-dur-slow | var(--dur-slow) |
| --button-transition-ease-standard | var(--ease-standard) |
| --button-transition-dur-fast | var(--dur-fast) |
| --button-transition-dur-moderate | var(--dur-moderate) |
| --button-bar-space-5 | var(--space-5) |
| --button-box-shadow-rule-hair | var(--rule-hair) |
| --button-padding-left-space-7 | var(--space-7) |
| --button-font-type-small-strong | var(--type-small-strong) |
| --button-padding-right-space-6 | var(--space-6) |
| --button-padding-left-space-5 | var(--space-5) |
| --button-padding-left-space-6 | var(--space-6) |
| --button-padding-space-1 | var(--space-1) |
| --button-font-weight-weight-strong | var(--weight-strong) |
| --button-text-underline-offset-space-2 | var(--space-2) |
| --button-background-saffron | var(--saffron) |
| --button-color-on-saffron | var(--on-saffron) |
| --button-box-shadow-on-saffron | var(--on-saffron) |
| --button-color-field-fg | var(--field-fg) |
| --caption-font-type-small | var(--type-small) |
| --caption-color-ink-2 | var(--ink-2) |
| --caption-color-ink | var(--ink) |
| --caption-font-type-small-strong | var(--type-small-strong) |
| --caption-font-size-fs-small | var(--fs-small) |
| --caption-margin-top-space-5 | var(--space-5) |
| --control-border-line-strong | var(--line-strong) |
| --control-border-radius-radius | var(--radius) |
| --control-padding-space-3 | var(--space-3) |
| --control-padding-space-6 | var(--space-6) |
| --control-font-type-label | var(--type-label) |
| --control-color-ink | var(--ink) |
| --control-border-left-line-strong | var(--line-strong) |
| --control-background-ink | var(--ink) |
| --control-color-cotton | var(--cotton) |
| --control-padding-space-1 | var(--space-1) |
| --control-padding-space-4 | var(--space-4) |
| --control-background-teal-soft | var(--teal-soft) |
| --control-color-teal-ink | var(--teal-ink) |
| --control-background-saffron-soft | var(--saffron-soft) |
| --control-color-saffron-ink | var(--saffron-ink) |
| --control-background-indigo-soft | var(--indigo-soft) |
| --control-background-madder-soft | var(--madder-soft) |
| --control-color-madder-ink | var(--madder-ink) |
| --control-gap-space-3 | var(--space-3) |
| --control-color-ink-2 | var(--ink-2) |
| --control-margin-right-space-2 | var(--space-2) |
| --control-gap-space-5 | var(--space-5) |
| --control-padding-space-5 | var(--space-5) |
| --control-border-ink | var(--ink) |
| --control-background-surface | var(--surface) |
| --control-background-line | var(--line) |
| --control-transition-dur-slow | var(--dur-slow) |
| --control-top-space-1 | var(--space-1) |
| --control-left-space-1 | var(--space-1) |
| --control-transition-ease-standard | var(--ease-standard) |
| --control-background-teal-2 | var(--teal-2) |
| --control-background-cotton | var(--cotton) |
| --eyebrow-font-type-small-strong | var(--type-small-strong) |
| --eyebrow-color-ink-2 | var(--ink-2) |
| --eyebrow-font-type-label | var(--type-label) |
| --eyebrow-color-on-dye | var(--on-dye) |
| --eyebrow-color-field-ink | var(--field-ink) |
| --heading-font-type-h1 | var(--type-h1) |
| --heading-letter-spacing-ls-h1 | var(--ls-h1) |
| --heading-font-type-h2 | var(--type-h2) |
| --heading-letter-spacing-ls-h2 | var(--ls-h2) |
| --heading-font-type-h3 | var(--type-h3) |
| --heading-letter-spacing-ls-h3 | var(--ls-h3) |
| --heading-font-weight-weight-heavy | var(--weight-heavy) |
| --heading-font-size-fs-h2 | var(--fs-h2) |
| --heading-font-size-fs-h3 | var(--fs-h3) |
| --logo-padding-space-3 | var(--space-3) |
| --logo-color-ink | var(--ink) |
| --logo-padding-left-space-5 | var(--space-5) |
| --logo-margin-left-space-5 | var(--space-5) |
| --logo-border-left-rule-hair | var(--rule-hair) |
| --logo-border-left-ink | var(--ink) |
| --logo-font-type-small-strong | var(--type-small-strong) |
| --logo-gap-space-3 | var(--space-3) |
| --logo-mark-height | var(--space-9) |
| --logo-small-mark-height | var(--space-8) |
| --logo-wordmark-height | var(--space-9) |
| --tag-padding-space-1 | var(--space-1) |
| --tag-padding-space-3 | var(--space-3) |
| --tag-margin-left-space-3 | var(--space-3) |
| --tag-border-radius-radius | var(--radius) |
| --tag-font-type-small-strong | var(--type-small-strong) |
| --tag-box-shadow-rule-hair | var(--rule-hair) |
| --text-link-font-weight-weight-strong | var(--weight-strong) |
| --text-font-type-lede | var(--type-lede) |
| --text-letter-spacing-ls-lede | var(--ls-lede) |
| --text-font-type-small | var(--type-small) |
| --text-color-ink-2 | var(--ink-2) |
| --text-color-ink | var(--ink) |
| --text-padding-space-4 | var(--space-4) |
| --text-padding-space-5 | var(--space-5) |
| --text-border-bottom-rule-hair | var(--rule-hair) |
| --text-border-bottom-line | var(--line) |
| --text-border-bottom-rule | var(--rule) |
| --text-border-bottom-ink | var(--ink) |
| --text-font-weight-weight-strong | var(--weight-strong) |
| --text-margin-top-space-6 | var(--space-6) |
| --text-margin-top-space-12 | var(--space-12) |
| --text-max-width-w-text | var(--w-text) |
| --text-margin-top-space-10 | var(--space-10) |
| --text-font-type-h3 | var(--type-h3) |
| --text-letter-spacing-ls-h3 | var(--ls-h3) |
| --text-margin-top-space-5 | var(--space-5) |
| --text-padding-left-space-7 | var(--space-7) |
| --text-margin-top-space-7 | var(--space-7) |
| --text-padding-left-space-8 | var(--space-8) |
| --text-margin-top-space-3 | var(--space-3) |
| --text-color-indigo-ink | var(--indigo-ink) |
| --text-font-size-fs-label | var(--fs-label) |
| --text-padding-space-6 | var(--space-6) |
| --text-border-top-rule | var(--rule) |
| --text-border-top-ink | var(--ink) |
| --text-background-surface-2 | var(--surface-2) |
| --text-padding-space-3 | var(--space-3) |
| --text-border-radius-radius | var(--radius) |
| --text-background-term-bg | var(--term-bg) |
| --text-color-term-fg | var(--term-fg) |
| --text-padding-space-7 | var(--space-7) |
| --text-font-size-fs-small | var(--fs-small) |
| --text-margin-space-11 | var(--space-11) |
| --text-background-ink | var(--ink) |
| --text-margin-bottom-space-6 | var(--space-6) |
| --text-color-cotton | var(--cotton) |
| --text-margin-top-section | var(--section) |
| --text-padding-top-space-8 | var(--space-8) |
| --text-border-top-rule-frame | var(--rule-frame) |
| --text-font-type-h2 | var(--type-h2) |
| --text-letter-spacing-ls-h2 | var(--ls-h2) |
| --text-margin-top-space-11 | var(--space-11) |
| --text-margin-top-space-13 | var(--space-13) |
| --text-padding-top-space-7 | var(--space-7) |
| --text-border-top-rule-heavy | var(--rule-heavy) |
| --text-font-size-fs-h2 | var(--fs-h2) |
| --text-border-top-saffron | var(--saffron) |
| --text-margin-top-space-9 | var(--space-9) |
| --text-margin-bottom-space-4 | var(--space-4) |
| --text-font-size-fs-h3 | var(--fs-h3) |
| --text-font-type-figure | var(--type-figure) |
| --text-margin-space-4 | var(--space-4) |
| --text-font-type-label | var(--type-label) |
| --text-color-field-fg-2 | var(--field-fg-2) |
| --text-color-thread | var(--thread) |
| --text-border-top-thread | var(--thread) |
| --woven-edge-edge-madder | var(--madder) |
| --woven-edge-height-selvedge-height | var(--selvedge-height) |
| --woven-edge-background-color-cotton | var(--cotton) |
| --woven-edge-background-image-selvedge-square | var(--selvedge-square) |
| --woven-edge-background-size-selvedge-row | var(--selvedge-row) |
| --woven-edge-background-position-selvedge-row | var(--selvedge-row) |
| --woven-edge-edge-indigo | var(--indigo) |
| --woven-edge-edge-saffron | var(--saffron) |
| --woven-edge-edge-teal | var(--teal) |
| --woven-edge-edge-ink | var(--ink) |
| --woven-edge-background-image-edge | var(--edge) |
| --breadcrumbs-gap-space-3 | var(--space-3) |
| --breadcrumbs-gap-space-5 | var(--space-5) |
| --breadcrumbs-margin-space-9 | var(--space-9) |
| --breadcrumbs-font-type-small-strong | var(--type-small-strong) |
| --breadcrumbs-border-radius-radius-round | var(--radius-round) |
| --breadcrumbs-color-ink-2 | var(--ink-2) |
| --breadcrumbs-color-ink | var(--ink) |
| --callout-padding-space-5 | var(--space-5) |
| --callout-padding-space-6 | var(--space-6) |
| --callout-background-surface-2 | var(--surface-2) |
| --callout-border-top-rule | var(--rule) |
| --callout-border-top-ink | var(--ink) |
| --callout-font-type-small | var(--type-small) |
| --callout-callout-rule-saffron | var(--saffron) |
| --callout-background-saffron-soft | var(--saffron-soft) |
| --callout-callout-rule-madder | var(--madder) |
| --callout-background-madder-soft | var(--madder-soft) |
| --callout-callout-rule-indigo | var(--indigo) |
| --callout-background-indigo-soft | var(--indigo-soft) |
| --callout-border-top-madder | var(--madder) |
| --callout-margin-space-3 | var(--space-3) |
| --callout-padding-left-space-7 | var(--space-7) |
| --cta-pair-gap-space-5 | var(--space-5) |
| --cta-pair-margin-top-space-8 | var(--space-8) |
| --figure-frame-background-surface | var(--surface) |
| --figure-frame-border-top-rule-frame | var(--rule-frame) |
| --figure-frame-border-top-ink | var(--ink) |
| --figure-frame-padding-space-8 | var(--space-8) |
| --figure-frame-padding-space-6 | var(--space-6) |
| --figure-frame-margin-top-space-5 | var(--space-5) |
| --figure-frame-font-type-small | var(--type-small) |
| --figure-frame-color-ink-2 | var(--ink-2) |
| --figure-frame-gap-space-4 | var(--space-4) |
| --figure-frame-gap-space-7 | var(--space-7) |
| --figure-frame-margin-bottom-space-6 | var(--space-6) |
| --figure-frame-font-type-h3 | var(--type-h3) |
| --figure-frame-font-size-fs-body | var(--fs-body) |
| --figure-frame-border-rule-hair | var(--rule-hair) |
| --figure-frame-border-line | var(--line) |
| --figure-frame-background-cotton | var(--cotton) |
| --finding-gap-space-5 | var(--space-5) |
| --finding-padding-bottom-space-5 | var(--space-5) |
| --finding-border-bottom-line | var(--line) |
| --finding-font-size-fs-small | var(--fs-small) |
| --finding-color-ink-2 | var(--ink-2) |
| --finding-font-type-label | var(--type-label) |
| --finding-padding-space-3 | var(--space-3) |
| --finding-padding-space-2 | var(--space-2) |
| --finding-border-radius-radius | var(--radius) |
| --finding-background-madder-soft | var(--madder-soft) |
| --finding-color-madder-ink | var(--madder-ink) |
| --finding-background-saffron-soft | var(--saffron-soft) |
| --finding-color-saffron-ink | var(--saffron-ink) |
| --finding-padding-inline-space-4 | var(--space-4) |
| --finding-gap-grid-gap | var(--grid-gap) |
| --finding-margin-top-space-12 | var(--space-12) |
| --form-field-outline-rule-hair | var(--rule-hair) |
| --form-field-outline-focus | var(--focus) |
| --form-field-outline-offset-space-2 | var(--space-2) |
| --form-field-font-type-label | var(--type-label) |
| --form-field-letter-spacing-ls-label | var(--ls-label) |
| --form-field-gap-space-3 | var(--space-3) |
| --form-field-font-type-small-strong | var(--type-small-strong) |
| --form-field-margin-left-space-3 | var(--space-3) |
| --form-field-font-type-small | var(--type-small) |
| --form-field-color-ink-2 | var(--ink-2) |
| --form-field-gap-space-2 | var(--space-2) |
| --form-field-gap-space-5 | var(--space-5) |
| --form-field-margin-space-1 | var(--space-1) |
| --form-field-color-madder-ink | var(--madder-ink) |
| --form-field-padding-space-6 | var(--space-6) |
| --form-field-padding-space-7 | var(--space-7) |
| --form-field-background-surface | var(--surface) |
| --form-field-border-top-rule | var(--rule) |
| --form-field-border-top-ink | var(--ink) |
| --form-field-border-radius-radius | var(--radius) |
| --form-field-margin-bottom-space-2 | var(--space-2) |
| --form-field-font-type-strong | var(--type-strong) |
| --form-field-margin-bottom-space-3 | var(--space-3) |
| --form-field-gap-space-4 | var(--space-4) |
| --form-field-padding-top-space-4 | var(--space-4) |
| --form-field-padding-space-4 | var(--space-4) |
| --form-field-border-rule-hair | var(--rule-hair) |
| --form-field-border-line-strong | var(--line-strong) |
| --form-field-transition-dur-fast | var(--dur-fast) |
| --form-field-transition-ease-standard | var(--ease-standard) |
| --form-field-border-color-ink | var(--ink) |
| --form-field-background-ink | var(--ink) |
| --form-field-color-cotton | var(--cotton) |
| --form-field-box-shadow-space-2 | var(--space-2) |
| --form-field-box-shadow-saffron | var(--saffron) |
| --form-field-outline-offset-space-1 | var(--space-1) |
| --form-field-padding-space-5 | var(--space-5) |
| --form-field-margin-top-space-9 | var(--space-9) |
| --form-field-border-ink | var(--ink) |
| --form-field-color-ink | var(--ink) |
| --form-field-font-size-fs-small | var(--fs-small) |
| --form-field-margin-top-space-3 | var(--space-3) |
| --language-switch-border-rule-hair | var(--rule-hair) |
| --language-switch-border-ink | var(--ink) |
| --language-switch-border-radius-radius | var(--radius) |
| --language-switch-padding-space-4 | var(--space-4) |
| --language-switch-color-ink | var(--ink) |
| --language-switch-font-type-label | var(--type-label) |
| --language-switch-background-ink | var(--ink) |
| --language-switch-color-cotton | var(--cotton) |
| --language-switch-padding-space-3 | var(--space-3) |
| --playback-controls-padding-space-6 | var(--space-6) |
| --playback-controls-border-radius-radius | var(--radius) |
| --playback-controls-background-ink | var(--ink) |
| --playback-controls-color-cotton | var(--cotton) |
| --playback-controls-box-shadow-space-2 | var(--space-2) |
| --playback-controls-box-shadow-saffron | var(--saffron) |
| --playback-controls-font-type-small-strong | var(--type-small-strong) |
| --playback-controls-accent-color-indigo | var(--indigo) |
| --stat-gap-space-2 | var(--space-2) |
| --stat-font-type-h2 | var(--type-h2) |
| --stat-letter-spacing-ls-h2 | var(--ls-h2) |
| --stat-font-type-small | var(--type-small) |
| --stat-color-ink-2 | var(--ink-2) |
| --table-font-type-small | var(--type-small) |
| --table-padding-space-4 | var(--space-4) |
| --table-padding-space-5 | var(--space-5) |
| --table-border-bottom-rule-hair | var(--rule-hair) |
| --table-border-bottom-line | var(--line) |
| --table-border-bottom-rule | var(--rule) |
| --table-border-bottom-ink | var(--ink) |
| --table-font-weight-weight-strong | var(--weight-strong) |
| --table-margin-top-space-8 | var(--space-8) |
| --table-background-surface | var(--surface) |
| --table-border-rule-hair | var(--rule-hair) |
| --table-border-line | var(--line) |
| --table-border-radius-radius | var(--radius) |
| --academy-lesson-margin-space-8 | var(--space-8) |
| --academy-lesson-background-surface | var(--surface) |
| --academy-lesson-color-ink | var(--ink) |
| --academy-lesson-border-line | var(--line) |
| --academy-lesson-border-radius-radius | var(--radius) |
| --academy-lesson-padding-space-6 | var(--space-6) |
| --academy-lesson-color-ink-2 | var(--ink-2) |
| --academy-lesson-font-type-label | var(--type-label) |
| --academy-lesson-margin-space-4 | var(--space-4) |
| --academy-lesson-padding-inline-start-space-7 | var(--space-7) |
| --academy-lesson-background-term-bg | var(--term-bg) |
| --academy-lesson-color-term-fg | var(--term-fg) |
| --academy-lesson-padding-space-5 | var(--space-5) |
| --academy-lesson-font-type-figure | var(--type-figure) |
| --academy-lesson-gap-space-4 | var(--space-4) |
| --academy-lesson-padding-space-4 | var(--space-4) |
| --academy-lesson-background-surface-2 | var(--surface-2) |
| --academy-lesson-outline-focus | var(--focus) |
| --academy-lesson-color-teal-ink | var(--teal-ink) |
| --academy-lesson-color-madder-ink | var(--madder-ink) |
| --academy-lesson-font-type-small | var(--type-small) |
| --academy-lesson-margin-top-space-4 | var(--space-4) |
| --academy-lesson-padding-space-8 | var(--space-8) |
| --agent-check-ix-ok-teal-ink | var(--teal-ink) |
| --agent-check-ix-wait-saffron-ink | var(--saffron-ink) |
| --agent-check-ix-broken-madder-ink | var(--madder-ink) |
| --agent-check-ix-action-indigo-ink | var(--indigo-ink) |
| --agent-check-ix-ink-ink | var(--ink) |
| --agent-check-ix-ink-2-ink-2 | var(--ink-2) |
| --agent-check-ix-line-line | var(--line) |
| --agent-check-ix-surface-surface | var(--surface) |
| --agent-check-ix-ground-cotton | var(--cotton) |
| --agent-check-padding-space-6 | var(--space-6) |
| --agent-check-padding-space-8 | var(--space-8) |
| --agent-check-margin-space-8 | var(--space-8) |
| --agent-check-margin-space-5 | var(--space-5) |
| --agent-check-font-type-label | var(--type-label) |
| --agent-check-padding-space-2 | var(--space-2) |
| --agent-check-padding-space-4 | var(--space-4) |
| --agent-check-gap-space-4 | var(--space-4) |
| --agent-check-margin-bottom-space-6 | var(--space-6) |
| --agent-check-font-type-small-strong | var(--type-small-strong) |
| --agent-check-outline-focus | var(--focus) |
| --agent-check-margin-bottom-space-7 | var(--space-7) |
| --agent-check-font-type-strong | var(--type-strong) |
| --agent-check-margin-space-2 | var(--space-2) |
| --agent-check-gap-space-6 | var(--space-6) |
| --agent-check-gap-space-8 | var(--space-8) |
| --agent-check-margin-space-3 | var(--space-3) |
| --agent-check-font-size-fs-small | var(--fs-small) |
| --agent-check-padding-space-5 | var(--space-5) |
| --agent-check-background-surface-2 | var(--surface-2) |
| --agent-check-padding-right-space-5 | var(--space-5) |
| --agent-check-border-top-rule | var(--rule) |
| --agent-check-padding-top-space-3 | var(--space-3) |
| --agent-check-gap-space-1 | var(--space-1) |
| --agent-check-margin-space-1 | var(--space-1) |
| --agent-check-margin-top-space-5 | var(--space-5) |
| --agent-check-margin-space-4 | var(--space-4) |
| --agent-check-gap-space-3 | var(--space-3) |
| --autonomy-demo-margin-top-space-2 | var(--space-2) |
| --autonomy-demo-gap-space-6 | var(--space-6) |
| --autonomy-demo-gap-space-4 | var(--space-4) |
| --autonomy-demo-font-type-label | var(--type-label) |
| --autonomy-demo-color-ink-2 | var(--ink-2) |
| --autonomy-demo-accent-color-indigo-ink | var(--indigo-ink) |
| --autonomy-demo-gap-space-3 | var(--space-3) |
| --autonomy-demo-padding-space-2 | var(--space-2) |
| --autonomy-demo-border-top-line | var(--line) |
| --autonomy-demo-color-ink | var(--ink) |
| --autonomy-demo-border-top-color-indigo-ink | var(--indigo-ink) |
| --autonomy-demo-gap-space-5 | var(--space-5) |
| --autonomy-demo-padding-space-5 | var(--space-5) |
| --autonomy-demo-background-saffron-soft | var(--saffron-soft) |
| --autonomy-demo-border-radius-radius | var(--radius) |
| --autonomy-demo-font-size-fs-small | var(--fs-small) |
| --autonomy-demo-margin-space-1 | var(--space-1) |
| --autonomy-demo-accent-color-saffron-ink | var(--saffron-ink) |
| --autonomy-demo-padding-top-space-7 | var(--space-7) |
| --autonomy-demo-top-space-8 | var(--space-8) |
| --autonomy-demo-border-top-line-strong | var(--line-strong) |
| --autonomy-demo-gap-space-2 | var(--space-2) |
| --autonomy-demo-font-size-fs-label | var(--fs-label) |
| --autonomy-demo-transition-dur-slow | var(--dur-slow) |
| --autonomy-demo-background-surface | var(--surface) |
| --autonomy-demo-border-line-strong | var(--line-strong) |
| --autonomy-demo-border-color-madder-ink | var(--madder-ink) |
| --autonomy-demo-color-madder-ink | var(--madder-ink) |
| --autonomy-demo-background-indigo-ink | var(--indigo-ink) |
| --autonomy-demo-border-color-indigo-ink | var(--indigo-ink) |
| --autonomy-demo-background-madder-ink | var(--madder-ink) |
| --autonomy-demo-box-shadow-indigo-soft | var(--indigo-soft) |
| --autonomy-demo-top-space-5 | var(--space-5) |
| --autonomy-demo-margin-left-space-3 | var(--space-3) |
| --autonomy-demo-transition-dur-weave | var(--dur-weave) |
| --autonomy-demo-border-top-rule-hair | var(--rule-hair) |
| --autonomy-demo-border-top-indigo-ink | var(--indigo-ink) |
| --autonomy-demo-border-line | var(--line) |
| --autonomy-demo-background-cotton | var(--cotton) |
| --autonomy-demo-top-space-4 | var(--space-4) |
| --autonomy-demo-bottom-space-4 | var(--space-4) |
| --autonomy-demo-left-space-4 | var(--space-4) |
| --autonomy-demo-border-left-line-strong | var(--line-strong) |
| --autonomy-demo-padding-space-3 | var(--space-3) |
| --autonomy-demo-padding-space-7 | var(--space-7) |
| --autonomy-demo-font-type-strong | var(--type-strong) |
| --autonomy-demo-color-indigo-ink | var(--indigo-ink) |
| --autonomy-demo-gap-space-7 | var(--space-7) |
| --autonomy-demo-margin-top-space-10 | var(--space-10) |
| --autonomy-demo-margin-top-space-13 | var(--space-13) |
| --before-after-border-radius-radius | var(--radius) |
| --before-after-border-line | var(--line) |
| --before-after-gap-space-3 | var(--space-3) |
| --before-after-font-size-fs-label | var(--fs-label) |
| --before-after-gap-space-4 | var(--space-4) |
| --before-after-font-type-label | var(--type-label) |
| --before-after-color-teal-ink | var(--teal-ink) |
| --before-after-gap-space-5 | var(--space-5) |
| --before-after-font-type-small | var(--type-small) |
| --before-after-color-madder-ink | var(--madder-ink) |
| --before-after-gap-space-6 | var(--space-6) |
| --before-after-accent-color-indigo-ink | var(--indigo-ink) |
| --before-after-border-line-strong | var(--line-strong) |
| --before-after-color-ink-2 | var(--ink-2) |
| --before-after-padding-space-6 | var(--space-6) |
| --before-after-background-term-bg | var(--term-bg) |
| --before-after-color-term-fg | var(--term-fg) |
| --before-after-font-size-fs-body | var(--fs-body) |
| --before-after-background-madder-ink | var(--madder-ink) |
| --before-after-padding-space-1 | var(--space-1) |
| --before-after-background-teal-ink | var(--teal-ink) |
| --before-after-color-term-muted | var(--term-muted) |
| --before-after-padding-space-2 | var(--space-2) |
| --before-after-padding-space-7 | var(--space-7) |
| --before-after-background-sample-on | var(--sample-on) |
| --before-after-color-sample-1 | var(--sample-1) |
| --before-after-font-family-font-sample | var(--font-sample) |
| --before-after-font-size-fs-small | var(--fs-small) |
| --before-after-margin-top-space-2 | var(--space-2) |
| --before-after-scrollbar-color-term-accent | var(--term-accent) |
| --before-after-scrollbar-color-term-fg | var(--term-fg) |
| --cloth-diagram-gap-space-9 | var(--space-9) |
| --cloth-diagram-gap-space-10 | var(--space-10) |
| --cloth-diagram-padding-bottom-space-3 | var(--space-3) |
| --cloth-diagram-font-type-label | var(--type-label) |
| --cloth-diagram-padding-space-1 | var(--space-1) |
| --cloth-diagram-padding-space-2 | var(--space-2) |
| --cloth-diagram-font-type-small-strong | var(--type-small-strong) |
| --cloth-diagram-padding-right-space-4 | var(--space-4) |
| --cloth-diagram-font-size-fs-label | var(--fs-label) |
| --cloth-diagram-border-radius-radius | var(--radius) |
| --cloth-diagram-outline-focus | var(--focus) |
| --cloth-diagram-outline-ink | var(--ink) |
| --cloth-diagram-right-space-2 | var(--space-2) |
| --cloth-diagram-top-space-2 | var(--space-2) |
| --cloth-diagram-background-surface | var(--surface) |
| --cloth-diagram-box-shadow-ink | var(--ink) |
| --cloth-diagram-animation-dur-weave | var(--dur-weave) |
| --cloth-diagram-animation-ease-standard | var(--ease-standard) |
| --cloth-diagram-gap-space-4 | var(--space-4) |
| --cloth-diagram-gap-space-7 | var(--space-7) |
| --cloth-diagram-margin-top-space-6 | var(--space-6) |
| --cloth-diagram-font-size-fs-small | var(--fs-small) |
| --cloth-diagram-margin-top-space-7 | var(--space-7) |
| --cloth-diagram-gap-space-5 | var(--space-5) |
| --cloth-diagram-padding-space-4 | var(--space-4) |
| --cloth-diagram-border-top-line | var(--line) |
| --cloth-diagram-margin-top-space-2 | var(--space-2) |
| --cloth-diagram-background-madder | var(--madder) |
| --cloth-diagram-background-saffron | var(--saffron) |
| --cloth-diagram-text-decoration-color-line | var(--line) |
| --cloth-diagram-transition-dur-weave | var(--dur-weave) |
| --cloth-diagram-transition-ease-standard | var(--ease-standard) |
| --cloth-diagram-transition-delay-dur-fast | var(--dur-fast) |
| --cloth-diagram-transition-delay-dur-moderate | var(--dur-moderate) |
| --cloth-diagram-transition-delay-dur-slow | var(--dur-slow) |
| --cloth-diagram-background-cotton | var(--cotton) |
| --cloth-diagram-padding-space-7 | var(--space-7) |
| --cloth-diagram-border-top-madder | var(--madder) |
| --cloth-diagram-border-top-color-saffron | var(--saffron) |
| --cloth-diagram-border-top-color-teal | var(--teal) |
| --cloth-diagram-border-top-color-indigo | var(--indigo) |
| --cloth-diagram-font-size-fs-body | var(--fs-body) |
| --cloth-diagram-margin-space-3 | var(--space-3) |
| --cloth-diagram-margin-space-5 | var(--space-5) |
| --cloth-diagram-color-ink-2 | var(--ink-2) |
| --cloth-diagram-margin-top-space-5 | var(--space-5) |
| --conformance-table-gap-space-6 | var(--space-6) |
| --conformance-table-padding-space-6 | var(--space-6) |
| --conformance-table-padding-space-7 | var(--space-7) |
| --conformance-table-border-top-madder | var(--madder) |
| --conformance-table-background-surface-2 | var(--surface-2) |
| --conformance-table-border-top-color-teal | var(--teal) |
| --conformance-table-font-type-strong | var(--type-strong) |
| --conformance-table-margin-space-5 | var(--space-5) |
| --conformance-table-padding-left-space-7 | var(--space-7) |
| --conformance-table-font-size-fs-small | var(--fs-small) |
| --conformance-table-margin-top-space-4 | var(--space-4) |
| --conformance-table-margin-top-space-5 | var(--space-5) |
| --contact-form-gap-grid-gap | var(--grid-gap) |
| --contact-form-padding-space-9 | var(--space-9) |
| --contact-form-padding-space-8 | var(--space-8) |
| --contact-form-font-type-h2 | var(--type-h2) |
| --contact-form-letter-spacing-ls-h2 | var(--ls-h2) |
| --contact-form-margin-top-space-7 | var(--space-7) |
| --contact-form-gap-space-5 | var(--space-5) |
| --contact-form-gap-space-9 | var(--space-9) |
| --contact-form-color-field-fg-2 | var(--field-fg-2) |
| --contents-top-header-h | var(--header-h) |
| --contents-top-space-9 | var(--space-9) |
| --contents-font-type-label | var(--type-label) |
| --contents-margin-bottom-space-6 | var(--space-6) |
| --contents-border-left-line | var(--line) |
| --contents-padding-space-3 | var(--space-3) |
| --contents-padding-space-6 | var(--space-6) |
| --contents-margin-left-space-2 | var(--space-2) |
| --contents-font-size-fs-small | var(--fs-small) |
| --contents-color-ink-2 | var(--ink-2) |
| --contents-color-ink | var(--ink) |
| --contents-border-left-color-indigo | var(--indigo) |
| --contents-font-type-strong | var(--type-strong) |
| --contents-border-left-color-thread | var(--thread) |
| --contract-excerpt-margin-top-space-5 | var(--space-5) |
| --conversations-margin-top-space-8 | var(--space-8) |
| --conversations-color-ink | var(--ink) |
| --conversations-background-surface | var(--surface) |
| --conversations-padding-space-5 | var(--space-5) |
| --conversations-padding-space-9 | var(--space-9) |
| --conversations-outline-focus | var(--focus) |
| --conversations-gap-space-6 | var(--space-6) |
| --conversations-padding-space-4 | var(--space-4) |
| --conversations-font-type-h3 | var(--type-h3) |
| --conversations-letter-spacing-ls-h3 | var(--ls-h3) |
| --conversations-background-surface-3 | var(--surface-3) |
| --conversations-background-indigo | var(--indigo) |
| --conversations-color-on-dye | var(--on-dye) |
| --conversations-padding-space-6 | var(--space-6) |
| --conversations-border-bottom-rule-hair | var(--rule-hair) |
| --conversations-border-bottom-line | var(--line) |
| --conversations-transition-dur-slow | var(--dur-slow) |
| --conversations-transition-ease-standard | var(--ease-standard) |
| --conversations-gap-space-2 | var(--space-2) |
| --conversations-gap-space-4 | var(--space-4) |
| --conversations-margin-bottom-space-3 | var(--space-3) |
| --conversations-font-type-small-strong | var(--type-small-strong) |
| --conversations-font-type-label | var(--type-label) |
| --conversations-padding-space-1 | var(--space-1) |
| --conversations-padding-space-3 | var(--space-3) |
| --conversations-box-shadow-rule-hair | var(--rule-hair) |
| --conversations-box-shadow-ink | var(--ink) |
| --conversations-font-type-strong | var(--type-strong) |
| --conversations-font-type-body | var(--type-body) |
| --conversations-background-cotton | var(--cotton) |
| --conversations-border-top-rule | var(--rule) |
| --conversations-border-top-madder | var(--madder) |
| --conversations-border-top-color-teal | var(--teal) |
| --conversations-margin-bottom-space-2 | var(--space-2) |
| --conversations-color-madder-ink | var(--madder-ink) |
| --conversations-color-teal-ink | var(--teal-ink) |
| --conversations-text-decoration-color-saffron | var(--saffron) |
| --conversations-text-decoration-thickness-rule | var(--rule) |
| --conversations-text-underline-offset-space-2 | var(--space-2) |
| --conversations-color-ink-2 | var(--ink-2) |
| --conversations-padding-top-space-6 | var(--space-6) |
| --conversations-margin-space-3 | var(--space-3) |
| --conversations-gap-space-1 | var(--space-1) |
| --conversations-padding-top-space-3 | var(--space-3) |
| --conversations-border-top-ink | var(--ink) |
| --conversations-cv-tone-teal | var(--teal) |
| --conversations-cv-tone-madder | var(--madder) |
| --conversations-font-type-h2 | var(--type-h2) |
| --conversations-letter-spacing-ls-h2 | var(--ls-h2) |
| --conversations-font-type-small | var(--type-small) |
| --conversations-gap-space-5 | var(--space-5) |
| --conversations-gap-space-8 | var(--space-8) |
| --conversations-padding-top-space-8 | var(--space-8) |
| --cost-calculator-gap-space-8 | var(--space-8) |
| --cost-calculator-margin-block-space-9 | var(--space-9) |
| --cost-calculator-top-header-h | var(--header-h) |
| --cost-calculator-top-space-6 | var(--space-6) |
| --cost-calculator-gap-space-7 | var(--space-7) |
| --cost-calculator-padding-space-6 | var(--space-6) |
| --cost-calculator-border-line | var(--line) |
| --cost-calculator-border-radius-radius | var(--radius) |
| --cost-calculator-background-surface | var(--surface) |
| --cost-calculator-padding-space-3 | var(--space-3) |
| --cost-calculator-font-type-strong | var(--type-strong) |
| --cost-calculator-color-ink | var(--ink) |
| --cost-calculator-gap-space-3 | var(--space-3) |
| --cost-calculator-padding-block-space-5 | var(--space-5) |
| --cost-calculator-border-top-line | var(--line) |
| --cost-calculator-font-type-label | var(--type-label) |
| --cost-calculator-color-ink-2 | var(--ink-2) |
| --cost-calculator-padding-space-4 | var(--space-4) |
| --cost-calculator-padding-space-5 | var(--space-5) |
| --cost-calculator-font-type-figure | var(--type-figure) |
| --cost-calculator-background-cotton | var(--cotton) |
| --cost-calculator-border-ink-2 | var(--ink-2) |
| --cost-calculator-outline-focus | var(--focus) |
| --cost-calculator-border-color-ink | var(--ink) |
| --cost-calculator-border-color-madder-ink | var(--madder-ink) |
| --cost-calculator-font-size-fs-small | var(--fs-small) |
| --cost-calculator-padding-space-7 | var(--space-7) |
| --cost-calculator-border-ink | var(--ink) |
| --cost-calculator-margin-space-5 | var(--space-5) |
| --cost-calculator-font-type-h3 | var(--type-h3) |
| --cost-calculator-letter-spacing-ls-h3 | var(--ls-h3) |
| --cost-calculator-gap-space-1 | var(--space-1) |
| --cost-calculator-font-size-fs-h3 | var(--fs-h3) |
| --cost-calculator-color-indigo-ink | var(--indigo-ink) |
| --cost-calculator-background-surface-2 | var(--surface-2) |
| --cost-calculator-padding-space-1 | var(--space-1) |
| --cost-calculator-margin-top-space-5 | var(--space-5) |
| --cost-calculator-margin-space-4 | var(--space-4) |
| --cost-calculator-padding-left-space-7 | var(--space-7) |
| --cost-calculator-gap-space-2 | var(--space-2) |
| --coverage-map-font-size-fs-small | var(--fs-small) |
| --coverage-map-font-type-label | var(--type-label) |
| --coverage-map-padding-space-1 | var(--space-1) |
| --coverage-map-padding-space-4 | var(--space-4) |
| --coverage-map-background-indigo | var(--indigo) |
| --coverage-map-background-saffron | var(--saffron) |
| --coverage-map-box-shadow-saffron | var(--saffron) |
| --coverage-map-box-shadow-line | var(--line) |
| --coverage-map-gap-space-4 | var(--space-4) |
| --coverage-map-gap-space-7 | var(--space-7) |
| --coverage-map-margin-top-space-5 | var(--space-5) |
| --decision-list-gap-space-2 | var(--space-2) |
| --decision-list-gap-space-5 | var(--space-5) |
| --decision-list-padding-space-5 | var(--space-5) |
| --decision-list-border-bottom-line | var(--line) |
| --decision-list-font-size-fs-small | var(--fs-small) |
| --decision-list-color-ink-2 | var(--ink-2) |
| --design-md-excerpt-background-term-bg | var(--term-bg) |
| --design-md-excerpt-color-term-fg | var(--term-fg) |
| --design-md-excerpt-padding-space-7 | var(--space-7) |
| --design-md-excerpt-border-radius-radius | var(--radius) |
| --design-md-excerpt-font-size-fs-small | var(--fs-small) |
| --drift-hero-background-surface | var(--surface) |
| --drift-hero-color-ink | var(--ink) |
| --drift-hero-border-top-rule-frame | var(--rule-frame) |
| --drift-hero-border-top-ink | var(--ink) |
| --drift-hero-padding-space-6 | var(--space-6) |
| --drift-hero-padding-space-10 | var(--space-10) |
| --drift-hero-gap-space-8 | var(--space-8) |
| --drift-hero-outline-focus | var(--focus) |
| --drift-hero-font-type-lede | var(--type-lede) |
| --drift-hero-letter-spacing-ls-lede | var(--ls-lede) |
| --drift-hero-gap-space-9 | var(--space-9) |
| --drift-hero-background-sample-4 | var(--sample-4) |
| --drift-hero-color-sample-1 | var(--sample-1) |
| --drift-hero-font-family-font-sample | var(--font-sample) |
| --drift-hero-border-radius-radius-sample | var(--radius-sample) |
| --drift-hero-padding-space-8 | var(--space-8) |
| --drift-hero-gap-space-5 | var(--space-5) |
| --drift-hero-font-type-strong | var(--type-strong) |
| --drift-hero-padding-space-3 | var(--space-3) |
| --drift-hero-padding-space-4 | var(--space-4) |
| --drift-hero-margin-space-4 | var(--space-4) |
| --drift-hero-box-shadow-rule-hair | var(--rule-hair) |
| --drift-hero-transition-dur-moderate | var(--dur-moderate) |
| --drift-hero-transition-ease-standard | var(--ease-standard) |
| --drift-hero-font-type-small | var(--type-small) |
| --drift-hero-font-type-h3 | var(--type-h3) |
| --drift-hero-box-shadow-rule | var(--rule) |
| --drift-hero-box-shadow-madder | var(--madder) |
| --drift-hero-box-shadow-saffron | var(--saffron) |
| --drift-hero-border-rule-hair | var(--rule-hair) |
| --drift-hero-border-sample-2 | var(--sample-2) |
| --drift-hero-background-sample-on | var(--sample-on) |
| --drift-hero-background-sample-2 | var(--sample-2) |
| --drift-hero-color-sample-on | var(--sample-on) |
| --drift-hero-font-type-small-strong | var(--type-small-strong) |
| --drift-hero-margin-space-6 | var(--space-6) |
| --drift-hero-margin-space-3 | var(--space-3) |
| --drift-hero-font-type-label | var(--type-label) |
| --drift-hero-color-ink-2 | var(--ink-2) |
| --drift-hero-font-family-font-mono | var(--font-mono) |
| --drift-hero-gap-space-2 | var(--space-2) |
| --drift-hero-gap-space-3 | var(--space-3) |
| --drift-hero-background-cotton | var(--cotton) |
| --drift-hero-background-madder-soft | var(--madder-soft) |
| --drift-hero-color-madder-ink | var(--madder-ink) |
| --drift-hero-background-teal-soft | var(--teal-soft) |
| --drift-hero-color-teal-ink | var(--teal-ink) |
| --drift-hero-font-type-h2 | var(--type-h2) |
| --drift-hero-letter-spacing-ls-h2 | var(--ls-h2) |
| --drift-hero-gap-space-4 | var(--space-4) |
| --drift-hero-padding-space-5 | var(--space-5) |
| --drift-hero-border-bottom-rule-hair | var(--rule-hair) |
| --drift-hero-border-bottom-line | var(--line) |
| --drift-hero-font-type-body | var(--type-body) |
| --drift-hero-transition-dur-slow | var(--dur-slow) |
| --drift-hero-color-on-dye | var(--on-dye) |
| --drift-hero-color-on-saffron | var(--on-saffron) |
| --drift-hero-background-band-loose | var(--band-loose) |
| --drift-hero-transition-dur-weave | var(--dur-weave) |
| --drift-hero-background-band-woven | var(--band-woven) |
| --drift-hero-background-band-holding | var(--band-holding) |
| --drift-hero-background-saffron | var(--saffron) |
| --drift-hero-border-top-rule | var(--rule) |
| --drift-hero-border-top-madder | var(--madder) |
| --drift-hero-border-top-color-saffron | var(--saffron) |
| --drift-hero-border-top-color-teal | var(--teal) |
| --drift-hero-color-saffron-ink | var(--saffron-ink) |
| --drift-palette-background-surface | var(--surface) |
| --drift-palette-color-ink | var(--ink) |
| --drift-palette-padding-space-6 | var(--space-6) |
| --drift-palette-padding-space-9 | var(--space-9) |
| --drift-palette-gap-space-8 | var(--space-8) |
| --drift-palette-border-top-rule-frame | var(--rule-frame) |
| --drift-palette-border-top-ink | var(--ink) |
| --drift-palette-gap-space-2 | var(--space-2) |
| --drift-palette-background-surface-2 | var(--surface-2) |
| --drift-palette-padding-space-2 | var(--space-2) |
| --drift-palette-box-shadow-ink | var(--ink) |
| --drift-palette-gap-space-5 | var(--space-5) |
| --drift-palette-gap-space-6 | var(--space-6) |
| --drift-palette-gap-space-1 | var(--space-1) |
| --drift-palette-border-top-rule | var(--rule) |
| --drift-palette-border-top-madder | var(--madder) |
| --drift-palette-padding-top-space-3 | var(--space-3) |
| --drift-palette-font-type-h2 | var(--type-h2) |
| --drift-palette-letter-spacing-ls-h2 | var(--ls-h2) |
| --drift-palette-font-type-small | var(--type-small) |
| --drift-palette-color-ink-2 | var(--ink-2) |
| --drift-palette-animation-dur-slow | var(--dur-slow) |
| --drift-palette-animation-ease-enter | var(--ease-enter) |
| --drift-palette-animation-delay-stagger | var(--stagger) |
| --drift-palette-animation-dur-weave | var(--dur-weave) |
| --drift-palette-animation-delay-dur-weave | var(--dur-weave) |
| --facts-list-margin-space-8 | var(--space-8) |
| --facts-list-gap-space-5 | var(--space-5) |
| --facts-list-padding-top-space-4 | var(--space-4) |
| --facts-list-border-top-rule-hair | var(--rule-hair) |
| --facts-list-border-top-line | var(--line) |
| --facts-list-padding-space-8 | var(--space-8) |
| --facts-list-border-top-ink | var(--ink) |
| --facts-list-gap-space-4 | var(--space-4) |
| --facts-list-border-top-color-line | var(--line) |
| --faq-list-border-top-rule | var(--rule) |
| --faq-list-border-top-ink | var(--ink) |
| --faq-list-border-bottom-rule-hair | var(--rule-hair) |
| --faq-list-border-bottom-line | var(--line) |
| --faq-list-gap-space-6 | var(--space-6) |
| --faq-list-padding-space-6 | var(--space-6) |
| --faq-list-font-type-strong | var(--type-strong) |
| --faq-list-font-family-font-display | var(--font-display) |
| --faq-list-font-type-h3 | var(--type-h3) |
| --faq-list-transition-dur-moderate | var(--dur-moderate) |
| --faq-list-transition-ease-standard | var(--ease-standard) |
| --faq-list-padding-bottom-space-6 | var(--space-6) |
| --first-90-f9-fg-on-dye | var(--on-dye) |
| --first-90-f9-fg-2-on-dye-2 | var(--on-dye-2) |
| --first-90-background-field-ink | var(--field-ink) |
| --first-90-padding-space-6 | var(--space-6) |
| --first-90-padding-space-10 | var(--space-10) |
| --first-90-gap-space-9 | var(--space-9) |
| --first-90-margin-top-space-8 | var(--space-8) |
| --first-90-gap-space-4 | var(--space-4) |
| --first-90-padding-space-7 | var(--space-7) |
| --first-90-gap-space-3 | var(--space-3) |
| --first-90-transition-dur-weave | var(--dur-weave) |
| --first-90-transition-ease-standard | var(--ease-standard) |
| --first-90-background-saffron | var(--saffron) |
| --first-90-color-on-saffron | var(--on-saffron) |
| --first-90-background-teal | var(--teal) |
| --first-90-color-on-dye | var(--on-dye) |
| --first-90-background-indigo | var(--indigo) |
| --first-90-font-type-small-strong | var(--type-small-strong) |
| --first-90-font-type-h3 | var(--type-h3) |
| --first-90-letter-spacing-ls-h3 | var(--ls-h3) |
| --first-90-margin-space-3 | var(--space-3) |
| --first-90-font-type-body | var(--type-body) |
| --first-90-margin-bottom-space-5 | var(--space-5) |
| --first-90-gap-space-6 | var(--space-6) |
| --first-90-gap-space-2 | var(--space-2) |
| --first-90-font-type-small | var(--type-small) |
| --first-90-font-type-h2 | var(--type-h2) |
| --first-90-letter-spacing-ls-h2 | var(--ls-h2) |
| --first-90-gap-space-5 | var(--space-5) |
| --first-90-color-field-ink | var(--field-ink) |
| --first-90-accent-color-saffron | var(--saffron) |
| --flow-diagram-gap-space-2 | var(--space-2) |
| --flow-diagram-padding-space-8 | var(--space-8) |
| --flow-diagram-padding-space-10 | var(--space-10) |
| --flow-diagram-left-space-4 | var(--space-4) |
| --flow-diagram-top-space-3 | var(--space-3) |
| --flow-diagram-bottom-space-3 | var(--space-3) |
| --flow-diagram-border-radius-radius | var(--radius) |
| --flow-diagram-background-indigo | var(--indigo) |
| --flow-diagram-left-space-2 | var(--space-2) |
| --flow-diagram-top-space-1 | var(--space-1) |
| --flow-diagram-background-surface | var(--surface) |
| --flow-diagram-box-shadow-indigo | var(--indigo) |
| --flow-diagram-font-type-strong | var(--type-strong) |
| --flow-diagram-font-size-fs-small | var(--fs-small) |
| --flow-diagram-color-ink-2 | var(--ink-2) |
| --flow-diagram-gap-space-5 | var(--space-5) |
| --flow-diagram-padding-space-9 | var(--space-9) |
| --flow-diagram-padding-space-3 | var(--space-3) |
| --flow-diagram-right-space-5 | var(--space-5) |
| --flow-diagram-top-space-4 | var(--space-4) |
| --flow-diagram-top-space-2 | var(--space-2) |
| --flow-layers-background-surface | var(--surface) |
| --flow-layers-color-ink | var(--ink) |
| --flow-layers-border-top-rule-frame | var(--rule-frame) |
| --flow-layers-border-top-ink | var(--ink) |
| --flow-layers-padding-space-6 | var(--space-6) |
| --flow-layers-padding-space-9 | var(--space-9) |
| --flow-layers-gap-space-6 | var(--space-6) |
| --flow-layers-font-type-h3 | var(--type-h3) |
| --flow-layers-letter-spacing-ls-h3 | var(--ls-h3) |
| --flow-layers-font-type-small | var(--type-small) |
| --flow-layers-color-ink-2 | var(--ink-2) |
| --flow-layers-gap-space-5 | var(--space-5) |
| --flow-layers-gap-space-2 | var(--space-2) |
| --flow-layers-padding-space-5 | var(--space-5) |
| --flow-layers-background-cotton | var(--cotton) |
| --flow-layers-border-top-rule | var(--rule) |
| --flow-layers-font-type-small-strong | var(--type-small-strong) |
| --flow-layers-bottom-space-6 | var(--space-6) |
| --flow-layers-right-space-5 | var(--space-5) |
| --flow-layers-background-surface-2 | var(--surface-2) |
| --flow-layers-background-indigo | var(--indigo) |
| --flow-layers-color-on-dye | var(--on-dye) |
| --flow-layers-border-top-color-indigo | var(--indigo) |
| --flow-layers-color-on-dye-2 | var(--on-dye-2) |
| --flow-layers-border-top-color-teal | var(--teal) |
| --flow-layers-border-top-color-saffron | var(--saffron) |
| --flow-layers-background-saffron-soft | var(--saffron-soft) |
| --flow-layers-padding-space-2 | var(--space-2) |
| --flow-layers-padding-space-4 | var(--space-4) |
| --flow-layers-box-shadow-rule-hair | var(--rule-hair) |
| --flow-layers-box-shadow-teal | var(--teal) |
| --flow-layers-color-teal-ink | var(--teal-ink) |
| --flow-layers-padding-top-space-3 | var(--space-3) |
| --flow-layers-border-top-rule-hair | var(--rule-hair) |
| --flow-layers-color-saffron-ink | var(--saffron-ink) |
| --flow-layers-gap-space-9 | var(--space-9) |
| --flow-layers-font-type-label | var(--type-label) |
| --flow-layers-gap-space-3 | var(--space-3) |
| --flow-layers-padding-left-space-5 | var(--space-5) |
| --flow-layers-border-left-rule-hair | var(--rule-hair) |
| --flow-layers-border-left-ink | var(--ink) |
| --flow-layers-padding-space-3 | var(--space-3) |
| --flow-layers-gap-space-4 | var(--space-4) |
| --flow-layers-gap-space-1 | var(--space-1) |
| --flow-layers-bend-madder | var(--madder) |
| --flow-layers-bend-ink-madder-ink | var(--madder-ink) |
| --flow-layers-bend-teal | var(--teal) |
| --flow-layers-bend-ink-teal-ink | var(--teal-ink) |
| --flow-layers-bend-saffron | var(--saffron) |
| --flow-layers-bend-ink-saffron-ink | var(--saffron-ink) |
| --footer-field-bg-cotton | var(--cotton) |
| --footer-field-fg-ink | var(--ink) |
| --footer-field-fg-2-ink-2 | var(--ink-2) |
| --footer-padding-space-12 | var(--space-12) |
| --footer-padding-space-10 | var(--space-10) |
| --footer-gap-space-10 | var(--space-10) |
| --footer-grid-template-columns-columns | var(--columns) |
| --footer-gap-grid-gap | var(--grid-gap) |
| --footer-margin-top-space-5 | var(--space-5) |
| --footer-gap-space-9 | var(--space-9) |
| --footer-gap-space-8 | var(--space-8) |
| --footer-font-type-small-strong | var(--type-small-strong) |
| --footer-margin-bottom-space-5 | var(--space-5) |
| --footer-gap-space-2 | var(--space-2) |
| --footer-padding-space-2 | var(--space-2) |
| --footer-font-type-small | var(--type-small) |
| --footer-margin-top-space-11 | var(--space-11) |
| --footer-gap-space-4 | var(--space-4) |
| --footer-margin-top-space-6 | var(--space-6) |
| --footer-padding-top-space-7 | var(--space-7) |
| --footer-border-top-rule-hair | var(--rule-hair) |
| --footer-padding-top-space-9 | var(--space-9) |
| --footer-background-field-bg | var(--field-bg) |
| --footer-color-field-fg | var(--field-fg) |
| --footer-color-field-fg-2 | var(--field-fg-2) |
| --footer-border-top-field-fg | var(--field-fg) |
| --header-left-space-5 | var(--space-5) |
| --header-top-space-13 | var(--space-13) |
| --header-padding-space-5 | var(--space-5) |
| --header-padding-space-6 | var(--space-6) |
| --header-background-ink | var(--ink) |
| --header-color-cotton | var(--cotton) |
| --header-font-type-strong | var(--type-strong) |
| --header-top-space-5 | var(--space-5) |
| --header-background-cotton | var(--cotton) |
| --header-border-bottom-rule | var(--rule) |
| --header-border-bottom-ink | var(--ink) |
| --header-gap-space-5 | var(--space-5) |
| --header-min-height-header-h | var(--header-h) |
| --header-font-type-small-strong | var(--type-small-strong) |
| --header-padding-space-4 | var(--space-4) |
| --header-padding-space-2 | var(--space-2) |
| --header-gap-space-4 | var(--space-4) |
| --header-gap-space-1 | var(--space-1) |
| --header-margin-right-space-4 | var(--space-4) |
| --header-font-family-font-display | var(--font-display) |
| --header-border-right-rule-hair | var(--rule-hair) |
| --header-border-bottom-rule-hair | var(--rule-hair) |
| --header-transition-dur-moderate | var(--dur-moderate) |
| --header-transition-ease-standard | var(--ease-standard) |
| --header-right-space-5 | var(--space-5) |
| --header-bottom-rule | var(--rule) |
| --header-height-rule | var(--rule) |
| --header-background-saffron | var(--saffron) |
| --header-transition-dur-slow | var(--dur-slow) |
| --header-margin-top-rule | var(--rule) |
| --header-background-surface | var(--surface) |
| --header-box-shadow-shadow-float | var(--shadow-float) |
| --header-border-top-rule-frame | var(--rule-frame) |
| --header-border-top-ink | var(--ink) |
| --header-gap-space-10 | var(--space-10) |
| --header-padding-top-space-9 | var(--space-9) |
| --header-padding-bottom-space-9 | var(--space-9) |
| --header-color-ink | var(--ink) |
| --header-font-type-h3 | var(--type-h3) |
| --header-letter-spacing-ls-h3 | var(--ls-h3) |
| --header-margin-top-space-4 | var(--space-4) |
| --header-color-ink-2 | var(--ink-2) |
| --header-margin-top-space-6 | var(--space-6) |
| --header-font-weight-weight-strong | var(--weight-strong) |
| --header-gap-space-2 | var(--space-2) |
| --header-gap-space-8 | var(--space-8) |
| --header-border-top-rule-hair | var(--rule-hair) |
| --header-border-top-line | var(--line) |
| --header-border-top-color-ink | var(--ink) |
| --header-font-type-small | var(--type-small) |
| --header-text-decoration-thickness-rule-hair | var(--rule-hair) |
| --header-text-underline-offset-space-2 | var(--space-2) |
| --header-animation-dur-slow | var(--dur-slow) |
| --header-animation-ease-enter | var(--ease-enter) |
| --header-padding-gutter | var(--gutter) |
| --header-background-surface-2 | var(--surface-2) |
| --header-border-rule-hair | var(--rule-hair) |
| --header-border-ink | var(--ink) |
| --header-border-radius-radius | var(--radius) |
| --header-top-header-h | var(--header-h) |
| --header-top-rule | var(--rule) |
| --header-padding-space-10 | var(--space-10) |
| --header-border-bottom-line | var(--line) |
| --header-padding-space-8 | var(--space-8) |
| --header-gap-space-3 | var(--space-3) |
| --header-t-thread | var(--thread) |
| --health-check-max-width-w-text | var(--w-text) |
| --health-check-margin-top-space-4 | var(--space-4) |
| --health-check-margin-bottom-space-9 | var(--space-9) |
| --health-check-gap-space-3 | var(--space-3) |
| --health-check-margin-bottom-space-4 | var(--space-4) |
| --health-check-font-type-small | var(--type-small) |
| --health-check-color-ink-2 | var(--ink-2) |
| --health-check-font-weight-weight-strong | var(--weight-strong) |
| --health-check-color-ink | var(--ink) |
| --health-check-gap-space-2 | var(--space-2) |
| --health-check-max-width-w-narrow | var(--w-narrow) |
| --health-check-padding-space-2 | var(--space-2) |
| --health-check-background-ink | var(--ink) |
| --health-check-height-space-6 | var(--space-6) |
| --health-check-background-surface-3 | var(--surface-3) |
| --health-check-background-ink-2 | var(--ink-2) |
| --health-check-gap-space-6 | var(--space-6) |
| --health-check-gap-space-5 | var(--space-5) |
| --health-check-margin-top-space-9 | var(--space-9) |
| --health-check-margin-space-5 | var(--space-5) |
| --health-check-margin-space-8 | var(--space-8) |
| --health-check-margin-top-space-10 | var(--space-10) |
| --health-check-padding-top-space-5 | var(--space-5) |
| --health-check-border-top-rule-hair | var(--rule-hair) |
| --health-check-border-top-line | var(--line) |
| --health-check-padding-space-1 | var(--space-1) |
| --health-check-gap-space-9 | var(--space-9) |
| --health-check-margin-bottom-space-10 | var(--space-10) |
| --health-check-color-on-dye | var(--on-dye) |
| --health-check-color-on-saffron | var(--on-saffron) |
| --health-check-font-type-h2 | var(--type-h2) |
| --health-check-letter-spacing-ls-h2 | var(--ls-h2) |
| --health-check-font-type-label | var(--type-label) |
| --health-check-margin-top-space-1 | var(--space-1) |
| --health-check-gap-grid-gap | var(--grid-gap) |
| --health-check-font-type-h3 | var(--type-h3) |
| --health-check-letter-spacing-ls-h3 | var(--ls-h3) |
| --health-check-margin-space-2 | var(--space-2) |
| --health-check-font-type-small-strong | var(--type-small-strong) |
| --health-check-font-type-figure | var(--type-figure) |
| --health-check-background-cotton | var(--cotton) |
| --health-check-border-rule-hair | var(--rule-hair) |
| --health-check-border-ink | var(--ink) |
| --health-check-background-band-holding | var(--band-holding) |
| --health-check-background-space-4 | var(--space-4) |
| --health-check-background-space-5 | var(--space-5) |
| --health-check-transition-dur-weave | var(--dur-weave) |
| --health-check-background-band-shape | var(--band-shape) |
| --health-check-background-band-loose | var(--band-loose) |
| --health-check-margin-top-space-8 | var(--space-8) |
| --health-check-field-bg-surface-2 | var(--surface-2) |
| --health-check-field-fg-ink | var(--ink) |
| --health-check-field-fg-2-ink-2 | var(--ink-2) |
| --health-check-font-type-lede | var(--type-lede) |
| --health-check-padding-space-8 | var(--space-8) |
| --health-check-background-surface | var(--surface) |
| --health-check-border-top-rule-frame | var(--rule-frame) |
| --health-check-border-top-madder | var(--madder) |
| --health-check-border-radius-radius | var(--radius) |
| --health-check-margin-space-4 | var(--space-4) |
| --health-check-margin-top-space-3 | var(--space-3) |
| --health-check-background-madder | var(--madder) |
| --health-check-border-top-saffron | var(--saffron) |
| --health-check-font-type-strong | var(--type-strong) |
| --health-check-background-saffron | var(--saffron) |
| --health-check-padding-space-5 | var(--space-5) |
| --health-check-margin-space-3 | var(--space-3) |
| --health-check-gap-space-4 | var(--space-4) |
| --health-check-border-top-line-strong | var(--line-strong) |
| --health-check-border-top-color-saffron | var(--saffron) |
| --health-check-padding-space-4 | var(--space-4) |
| --health-check-gap-space-8 | var(--space-8) |
| --health-check-margin-top-space-12 | var(--space-12) |
| --health-check-border-ink-2 | var(--ink-2) |
| --health-check-padding-top-space-8 | var(--space-8) |
| --health-check-bottom-space-8 | var(--space-8) |
| --health-check-padding-space-6 | var(--space-6) |
| --health-check-color-cotton | var(--cotton) |
| --health-check-box-shadow-shadow-float | var(--shadow-float) |
| --health-check-transition-dur-moderate | var(--dur-moderate) |
| --health-check-transition-ease-standard | var(--ease-standard) |
| --health-check-background-field-bg | var(--field-bg) |
| --health-check-color-field-fg | var(--field-fg) |
| --health-check-color-field-fg-2 | var(--field-fg-2) |
| --jobs-strip-border-block-start-space-2 | var(--space-2) |
| --jobs-strip-border-block-start-cotton | var(--cotton) |
| --jobs-strip-gap-space-3 | var(--space-3) |
| --jobs-strip-padding-space-8 | var(--space-8) |
| --jobs-strip-padding-space-5 | var(--space-5) |
| --jobs-strip-transition-dur-moderate | var(--dur-moderate) |
| --jobs-strip-transition-ease-standard | var(--ease-standard) |
| --jobs-strip-font-type-h3 | var(--type-h3) |
| --jobs-strip-transform-space-2 | var(--space-2) |
| --jobs-strip-font-type-h2 | var(--type-h2) |
| --jobs-strip-letter-spacing-ls-h2 | var(--ls-h2) |
| --jobs-strip-font-type-strong | var(--type-strong) |
| --jobs-strip-font-type-label | var(--type-label) |
| --jobs-strip-margin-top-space-5 | var(--space-5) |
| --jobs-strip-gap-space-2 | var(--space-2) |
| --jobs-strip-padding-space-2 | var(--space-2) |
| --jobs-strip-padding-space-3 | var(--space-3) |
| --jobs-strip-padding-space-1 | var(--space-1) |
| --jobs-strip-padding-top-space-2 | var(--space-2) |
| --jobs-strip-font-type-small-strong | var(--type-small-strong) |
| --jobs-strip-box-shadow-rule-hair | var(--rule-hair) |
| --jobs-strip-animation-dur-weave | var(--dur-weave) |
| --jobs-strip-animation-ease-enter | var(--ease-enter) |
| --jobs-strip-animation-delay-stagger | var(--stagger) |
| --jobs-strip-animation-delay-dur-slow | var(--dur-slow) |
| --jobs-strip-animation-dur-slow | var(--dur-slow) |
| --jobs-strip-animation-delay-dur-weave | var(--dur-weave) |
| --jobs-strip-animation-ease-standard | var(--ease-standard) |
| --jobs-strip-background-field-bg | var(--field-bg) |
| --jobs-strip-color-field-fg | var(--field-fg) |
| --jobs-strip-background-field-fg | var(--field-fg) |
| --jobs-strip-color-field-fg-2 | var(--field-fg-2) |
| --jobs-strip-box-shadow-field-fg | var(--field-fg) |
| --jobs-strip-color-field-bg | var(--field-bg) |
| --jobs-strip-animation-rule | var(--rule-hair) |
| --jobs-strip-animation-foreground | var(--field-fg) |
| --jobs-strip-animation-background | var(--field-bg) |
| --layers-demo-gap-space-7 | var(--space-7) |
| --layers-demo-gap-space-9 | var(--space-9) |
| --layers-demo-gap-space-4 | var(--space-4) |
| --layers-demo-margin-bottom-space-4 | var(--space-4) |
| --layers-demo-font-type-label | var(--type-label) |
| --layers-demo-color-ink-2 | var(--ink-2) |
| --layers-demo-column-gap-space-5 | var(--space-5) |
| --layers-demo-margin-left-space-6 | var(--space-6) |
| --layers-demo-padding-space-5 | var(--space-5) |
| --layers-demo-background-cotton | var(--cotton) |
| --layers-demo-border-line | var(--line) |
| --layers-demo-border-radius-radius | var(--radius) |
| --layers-demo-transition-dur-slow | var(--dur-slow) |
| --layers-demo-accent-color-indigo-ink | var(--indigo-ink) |
| --layers-demo-font-size-fs-small | var(--fs-small) |
| --layers-demo-font-size-fs-label | var(--fs-label) |
| --layers-demo-border-color-indigo-ink | var(--indigo-ink) |
| --layers-demo-box-shadow-indigo-ink | var(--indigo-ink) |
| --layers-demo-background-indigo-soft | var(--indigo-soft) |
| --layers-demo-outline-indigo-ink | var(--indigo-ink) |
| --layers-demo-left-space-7 | var(--space-7) |
| --layers-demo-top-space-4 | var(--space-4) |
| --layers-demo-border-left-line | var(--line) |
| --layers-demo-padding-bottom-space-4 | var(--space-4) |
| --layers-demo-border-bottom-line | var(--line) |
| --layers-demo-margin-top-space-2 | var(--space-2) |
| --layers-demo-color-saffron-ink | var(--saffron-ink) |
| --layers-demo-gap-space-3 | var(--space-3) |
| --layers-demo-color-indigo-ink | var(--indigo-ink) |
| --layers-demo-padding-space-2 | var(--space-2) |
| --layers-demo-border-line-strong | var(--line-strong) |
| --layers-demo-color-madder-ink | var(--madder-ink) |
| --layers-demo-background-madder-ink | var(--madder-ink) |
| --layers-demo-color-teal-ink | var(--teal-ink) |
| --layers-demo-background-teal-ink | var(--teal-ink) |
| --layers-demo-background-saffron-ink | var(--saffron-ink) |
| --layers-demo-border-ink-2 | var(--ink-2) |
| --layers-demo-margin-top-space-5 | var(--space-5) |
| --layers-demo-border-top-rule-hair | var(--rule-hair) |
| --layers-demo-border-top-line-strong | var(--line-strong) |
| --layers-demo-border-color-madder-ink | var(--madder-ink) |
| --layers-demo-border-color-saffron-ink | var(--saffron-ink) |
| --layers-demo-border-color-teal-ink | var(--teal-ink) |
| --layers-demo-animation-dur-slow | var(--dur-slow) |
| --layers-demo-animation-dur-weave | var(--dur-weave) |
| --layers-demo-animation-ease-enter | var(--ease-enter) |
| --layers-demo-margin-left-space-5 | var(--space-5) |
| --layers-demo-gap-space-2 | var(--space-2) |
| --layers-demo-animation-background | var(--teal-soft) |
| --library-grid-margin-block-space-9 | var(--space-9) |
| --library-grid-gap-space-4 | var(--space-4) |
| --library-grid-gap-space-6 | var(--space-6) |
| --library-grid-gap-space-3 | var(--space-3) |
| --library-grid-padding-space-5 | var(--space-5) |
| --library-grid-background-surface | var(--surface) |
| --library-grid-border-block-start-rule | var(--rule) |
| --library-grid-border-block-start-ink | var(--ink) |
| --library-grid-font-type-h3 | var(--type-h3) |
| --library-grid-color-ink | var(--ink) |
| --library-grid-font-type-small | var(--type-small) |
| --library-grid-color-ink-2 | var(--ink-2) |
| --library-grid-font-type-label | var(--type-label) |
| --library-grid-background-cotton | var(--cotton) |
| --library-grid-border-rule-hair | var(--rule-hair) |
| --library-grid-border-line | var(--line) |
| --library-grid-padding-space-9 | var(--space-9) |
| --library-grid-margin-block-start-space-6 | var(--space-6) |
| --library-grid-font-type-small-strong | var(--type-small-strong) |
| --library-grid-padding-block-space-4 | var(--space-4) |
| --library-grid-gap-space-5 | var(--space-5) |
| --library-overview-gap-space-9 | var(--space-9) |
| --library-overview-margin-block-space-7 | var(--space-7) |
| --library-overview-margin-block-space-9 | var(--space-9) |
| --library-overview-gap-space-5 | var(--space-5) |
| --library-overview-gap-space-3 | var(--space-3) |
| --library-overview-gap-space-2 | var(--space-2) |
| --library-overview-padding-space-5 | var(--space-5) |
| --library-overview-font-type-h3 | var(--type-h3) |
| --library-overview-font-type-label | var(--type-label) |
| --library-overview-font-type-small | var(--type-small) |
| --library-overview-padding-space-6 | var(--space-6) |
| --library-overview-gap-space-4 | var(--space-4) |
| --library-overview-gap-space-1 | var(--space-1) |
| --library-overview-padding-block-end-space-4 | var(--space-4) |
| --library-overview-border-block-end-rule-hair | var(--rule-hair) |
| --library-overview-border-block-end-line | var(--line) |
| --library-overview-color-ink-2 | var(--ink-2) |
| --library-overview-font-family-font-display | var(--font-display) |
| --library-overview-font-size-fs-display | var(--fs-display) |
| --library-overview-font-weight-weight-heavy | var(--weight-heavy) |
| --library-overview-font-size-fs-h2 | var(--fs-h2) |
| --library-overview-font-size-fs-h3 | var(--fs-h3) |
| --library-overview-font-weight-weight-strong | var(--weight-strong) |
| --library-overview-font-size-fs-body | var(--fs-body) |
| --library-overview-font-size-fs-small | var(--fs-small) |
| --library-overview-font-family-font-mono | var(--font-mono) |
| --library-overview-font-size-fs-label | var(--fs-label) |
| --library-overview-block-size-space-4 | var(--space-4) |
| --library-overview-background-ink | var(--ink) |
| --library-overview-inline-size-space-1 | var(--space-1) |
| --library-overview-inline-size-space-2 | var(--space-2) |
| --library-overview-inline-size-space-3 | var(--space-3) |
| --library-overview-inline-size-space-4 | var(--space-4) |
| --library-overview-inline-size-space-5 | var(--space-5) |
| --library-overview-inline-size-space-6 | var(--space-6) |
| --library-overview-inline-size-space-7 | var(--space-7) |
| --library-overview-inline-size-space-8 | var(--space-8) |
| --library-overview-inline-size-space-9 | var(--space-9) |
| --library-overview-inline-size-space-10 | var(--space-10) |
| --library-overview-inline-size-space-11 | var(--space-11) |
| --library-overview-inline-size-space-12 | var(--space-12) |
| --library-overview-inline-size-space-13 | var(--space-13) |
| --library-overview-color-field-fg-2 | var(--field-fg-2) |
| --ops-board-ob-ok-teal | var(--teal) |
| --ops-board-ob-ok-ink-teal-ink | var(--teal-ink) |
| --ops-board-ob-wait-saffron | var(--saffron) |
| --ops-board-ob-wait-ink-saffron-ink | var(--saffron-ink) |
| --ops-board-ob-broken-madder | var(--madder) |
| --ops-board-ob-broken-ink-madder-ink | var(--madder-ink) |
| --ops-board-ob-idle-line-strong | var(--line-strong) |
| --ops-board-ob-idle-ink-ink-2 | var(--ink-2) |
| --ops-board-margin-top-space-8 | var(--space-8) |
| --ops-board-gap-space-5 | var(--space-5) |
| --ops-board-color-ink | var(--ink) |
| --ops-board-outline-focus | var(--focus) |
| --ops-board-gap-space-4 | var(--space-4) |
| --ops-board-gap-space-8 | var(--space-8) |
| --ops-board-gap-space-2 | var(--space-2) |
| --ops-board-font-type-body | var(--type-body) |
| --ops-board-font-type-h3 | var(--type-h3) |
| --ops-board-letter-spacing-ls-h3 | var(--ls-h3) |
| --ops-board-font-type-small | var(--type-small) |
| --ops-board-color-ink-2 | var(--ink-2) |
| --ops-board-gap-space-6 | var(--space-6) |
| --ops-board-padding-space-6 | var(--space-6) |
| --ops-board-border-radius-radius | var(--radius) |
| --ops-board-background-ink | var(--ink) |
| --ops-board-color-cotton | var(--cotton) |
| --ops-board-box-shadow-space-2 | var(--space-2) |
| --ops-board-box-shadow-saffron | var(--saffron) |
| --ops-board-font-type-small-strong | var(--type-small-strong) |
| --ops-board-accent-color-indigo | var(--indigo) |
| --ops-board-gap-grid-gap | var(--grid-gap) |
| --ops-board-background-surface | var(--surface) |
| --ops-board-background-surface-3 | var(--surface-3) |
| --ops-board-ob-fg-2-ink-2 | var(--ink-2) |
| --ops-board-background-indigo | var(--indigo) |
| --ops-board-color-on-dye | var(--on-dye) |
| --ops-board-ob-fg-2-on-dye-2 | var(--on-dye-2) |
| --ops-board-ob-ok-teal-2 | var(--teal-2) |
| --ops-board-ob-broken-madder-2 | var(--madder-2) |
| --ops-board-gap-space-1 | var(--space-1) |
| --ops-board-padding-top-space-3 | var(--space-3) |
| --ops-board-border-top-rule | var(--rule) |
| --ops-board-font-type-h2 | var(--type-h2) |
| --ops-board-letter-spacing-ls-h2 | var(--ls-h2) |
| --ops-board-padding-space-5 | var(--space-5) |
| --ops-board-border-top-rule-hair | var(--rule-hair) |
| --ops-board-border-top-line | var(--line) |
| --ops-board-margin-space-4 | var(--space-4) |
| --ops-board-background-surface-2 | var(--surface-2) |
| --ops-board-background-space-3 | var(--space-3) |
| --ops-board-background-space-5 | var(--space-5) |
| --ops-board-font-type-label | var(--type-label) |
| --ops-board-background-cotton | var(--cotton) |
| --ops-board-padding-space-4 | var(--space-4) |
| --ops-board-color-indigo-ink | var(--indigo-ink) |
| --ops-board-stroke-surface-3 | var(--surface-3) |
| --ops-board-padding-space-2 | var(--space-2) |
| --ops-board-background-teal-soft | var(--teal-soft) |
| --ops-board-margin-top-space-2 | var(--space-2) |
| --ops-board-box-shadow-shadow-float | var(--shadow-float) |
| --ops-board-color-madder-ink | var(--madder-ink) |
| --panel-gap-space-5 | var(--space-5) |
| --panel-padding-space-8 | var(--space-8) |
| --panel-background-surface | var(--surface) |
| --panel-border-top-rule-frame | var(--rule-frame) |
| --panel-border-top-ink | var(--ink) |
| --panel-border-radius-radius | var(--radius) |
| --panel-card-rule-band-woven | var(--band-woven) |
| --panel-card-rule-band-holding | var(--band-holding) |
| --panel-card-rule-saffron | var(--saffron) |
| --panel-card-rule-band-loose | var(--band-loose) |
| --panel-font-type-h3 | var(--type-h3) |
| --panel-letter-spacing-ls-h3 | var(--ls-h3) |
| --panel-background-field-ink | var(--field-ink) |
| --panel-color-on-dye | var(--on-dye) |
| --panel-border-top-color-saffron | var(--saffron) |
| --panel-color-on-dye-2 | var(--on-dye-2) |
| --panel-padding-space-7 | var(--space-7) |
| --panel-padding-space-6 | var(--space-6) |
| --product-tour-font-type-body | var(--type-body) |
| --product-tour-letter-spacing-ls-body | var(--ls-body) |
| --proof-shift-ps-track-surface-3 | var(--surface-3) |
| --proof-shift-background-surface | var(--surface) |
| --proof-shift-color-ink | var(--ink) |
| --proof-shift-border-top-rule-frame | var(--rule-frame) |
| --proof-shift-border-top-ink | var(--ink) |
| --proof-shift-padding-space-6 | var(--space-6) |
| --proof-shift-padding-space-9 | var(--space-9) |
| --proof-shift-gap-space-6 | var(--space-6) |
| --proof-shift-margin-top-space-8 | var(--space-8) |
| --proof-shift-outline-focus | var(--focus) |
| --proof-shift-gap-space-4 | var(--space-4) |
| --proof-shift-gap-space-1 | var(--space-1) |
| --proof-shift-font-type-label | var(--type-label) |
| --proof-shift-color-ink-2 | var(--ink-2) |
| --proof-shift-font-type-h3 | var(--type-h3) |
| --proof-shift-letter-spacing-ls-h3 | var(--ls-h3) |
| --proof-shift-font-type-small | var(--type-small) |
| --proof-shift-font-type-h2 | var(--type-h2) |
| --proof-shift-letter-spacing-ls-h2 | var(--ls-h2) |
| --proof-shift-font-type-strong | var(--type-strong) |
| --proof-shift-gap-space-8 | var(--space-8) |
| --proof-shift-margin-space-6 | var(--space-6) |
| --proof-shift-gap-space-2 | var(--space-2) |
| --proof-shift-gap-space-5 | var(--space-5) |
| --proof-shift-font-type-small-strong | var(--type-small-strong) |
| --proof-shift-font-type-display | var(--type-display) |
| --proof-shift-letter-spacing-ls-display | var(--ls-display) |
| --proof-shift-padding-space-2 | var(--space-2) |
| --proof-shift-padding-space-4 | var(--space-4) |
| --proof-shift-background-band-loose | var(--band-loose) |
| --proof-shift-color-on-dye | var(--on-dye) |
| --proof-shift-border-radius-radius | var(--radius) |
| --proof-shift-background-band-holding | var(--band-holding) |
| --proof-shift-background-band-woven | var(--band-woven) |
| --proof-shift-background-saffron | var(--saffron) |
| --proof-shift-color-on-saffron | var(--on-saffron) |
| --proof-shift-border-top-rule | var(--rule) |
| --proof-shift-border-bottom-rule-hair | var(--rule-hair) |
| --proof-shift-border-bottom-line | var(--line) |
| --proof-shift-top-space-2 | var(--space-2) |
| --proof-shift-bottom-space-2 | var(--space-2) |
| --proof-shift-background-ink | var(--ink) |
| --proof-shift-gap-space-3 | var(--space-3) |
| --proof-shift-font-type-figure | var(--type-figure) |
| --proof-shift-color-madder-ink | var(--madder-ink) |
| --proof-shift-margin-space-4 | var(--space-4) |
| --proof-shift-background-cotton | var(--cotton) |
| --proof-shift-border-top-madder | var(--madder) |
| --proof-shift-padding-space-5 | var(--space-5) |
| --proof-shift-border-top-color-teal | var(--teal) |
| --proof-shift-color-teal-ink | var(--teal-ink) |
| --read-your-stylesheet-gap-space-7 | var(--space-7) |
| --read-your-stylesheet-gap-space-9 | var(--space-9) |
| --read-your-stylesheet-gap-space-5 | var(--space-5) |
| --read-your-stylesheet-font-type-label | var(--type-label) |
| --read-your-stylesheet-color-ink-2 | var(--ink-2) |
| --read-your-stylesheet-padding-space-6 | var(--space-6) |
| --read-your-stylesheet-color-term-fg | var(--term-fg) |
| --read-your-stylesheet-background-term-bg | var(--term-bg) |
| --read-your-stylesheet-border-line-strong | var(--line-strong) |
| --read-your-stylesheet-border-radius-radius | var(--radius) |
| --read-your-stylesheet-outline-indigo-ink | var(--indigo-ink) |
| --read-your-stylesheet-gap-space-4 | var(--space-4) |
| --read-your-stylesheet-padding-space-2 | var(--space-2) |
| --read-your-stylesheet-padding-space-5 | var(--space-5) |
| --read-your-stylesheet-background-cotton | var(--cotton) |
| --read-your-stylesheet-background-ink | var(--ink) |
| --read-your-stylesheet-color-cotton | var(--cotton) |
| --read-your-stylesheet-gap-space-6 | var(--space-6) |
| --read-your-stylesheet-margin-top-space-4 | var(--space-4) |
| --read-your-stylesheet-font-size-fs-small | var(--fs-small) |
| --read-your-stylesheet-margin-top-space-3 | var(--space-3) |
| --read-your-stylesheet-border-line | var(--line) |
| --read-your-stylesheet-color-teal-ink | var(--teal-ink) |
| --read-your-stylesheet-padding-bottom-space-5 | var(--space-5) |
| --read-your-stylesheet-font-type-h2 | var(--type-h2) |
| --read-your-stylesheet-letter-spacing-ls-h2 | var(--ls-h2) |
| --read-your-stylesheet-margin-right-space-4 | var(--space-4) |
| --read-your-stylesheet-ix-ok-teal-ink | var(--teal-ink) |
| --read-your-stylesheet-ix-wait-saffron-ink | var(--saffron-ink) |
| --read-your-stylesheet-ix-broken-madder-ink | var(--madder-ink) |
| --read-your-stylesheet-ix-action-indigo-ink | var(--indigo-ink) |
| --read-your-stylesheet-border-top-rule | var(--rule) |
| --read-your-stylesheet-margin-space-7 | var(--space-7) |
| --read-your-stylesheet-font-type-h3 | var(--type-h3) |
| --read-your-stylesheet-margin-space-4 | var(--space-4) |
| --read-your-stylesheet-letter-spacing-ls-h3 | var(--ls-h3) |
| --read-your-stylesheet-margin-space-5 | var(--space-5) |
| --read-your-stylesheet-gap-space-3 | var(--space-3) |
| --replay-margin-top-space-2 | var(--space-2) |
| --replay-gap-space-4 | var(--space-4) |
| --replay-font-type-label | var(--type-label) |
| --replay-color-term-muted | var(--term-muted) |
| --replay-padding-space-3 | var(--space-3) |
| --replay-padding-space-5 | var(--space-5) |
| --replay-color-term-accent | var(--term-accent) |
| --replay-background-term-fg | var(--term-fg) |
| --replay-border-radius-radius | var(--radius) |
| --replay-color-ink-2 | var(--ink-2) |
| --replay-gap-space-3 | var(--space-3) |
| --replay-background-term-muted | var(--term-muted) |
| --replay-font-size-fs-body | var(--fs-body) |
| --replay-background-term-accent | var(--term-accent) |
| --replay-border-left-term-accent | var(--term-accent) |
| --replay-margin-left-space-6 | var(--space-6) |
| --replay-background-term-bg | var(--term-bg) |
| --replay-color-term-fg | var(--term-fg) |
| --replay-border-on-dye | var(--on-dye) |
| --replay-border-field-ink | var(--field-ink) |
| --replay-gap-space-5 | var(--space-5) |
| --replay-padding-space-6 | var(--space-6) |
| --replay-border-bottom-term-fg | var(--term-fg) |
| --replay-border-term-muted | var(--term-muted) |
| --replay-padding-space-2 | var(--space-2) |
| --replay-gap-space-6 | var(--space-6) |
| --replay-padding-space-7 | var(--space-7) |
| --replay-font-size-fs-small | var(--fs-small) |
| --replay-gap-space-2 | var(--space-2) |
| --replay-padding-left-space-5 | var(--space-5) |
| --replay-min-block-size-space-10 | var(--space-10) |
| --replay-min-block-size-space-2 | var(--space-2) |
| --replay-border-top-ink | var(--ink) |
| --repo-change-ix-ok-teal-ink | var(--teal-ink) |
| --repo-change-ix-wait-saffron-ink | var(--saffron-ink) |
| --repo-change-ix-broken-madder-ink | var(--madder-ink) |
| --repo-change-ix-action-indigo-ink | var(--indigo-ink) |
| --repo-change-ix-ink-ink | var(--ink) |
| --repo-change-ix-ink-2-ink-2 | var(--ink-2) |
| --repo-change-ix-line-line | var(--line) |
| --repo-change-ix-surface-surface | var(--surface) |
| --repo-change-ix-ground-cotton | var(--cotton) |
| --repo-change-padding-space-6 | var(--space-6) |
| --repo-change-padding-space-8 | var(--space-8) |
| --repo-change-margin-space-8 | var(--space-8) |
| --repo-change-margin-space-5 | var(--space-5) |
| --repo-change-font-type-label | var(--type-label) |
| --repo-change-padding-space-2 | var(--space-2) |
| --repo-change-padding-space-4 | var(--space-4) |
| --repo-change-padding-bottom-space-5 | var(--space-5) |
| --repo-change-margin-bottom-space-6 | var(--space-6) |
| --repo-change-font-type-strong | var(--type-strong) |
| --repo-change-margin-space-2 | var(--space-2) |
| --repo-change-padding-space-3 | var(--space-3) |
| --repo-change-margin-right-space-3 | var(--space-3) |
| --repo-change-font-size-fs-small | var(--fs-small) |
| --repo-change-gap-space-7 | var(--space-7) |
| --repo-change-gap-space-9 | var(--space-9) |
| --repo-change-margin-space-4 | var(--space-4) |
| --repo-change-gap-space-5 | var(--space-5) |
| --repo-change-outline-focus | var(--focus) |
| --repo-change-padding-space-5 | var(--space-5) |
| --repo-change-margin-top-space-4 | var(--space-4) |
| --repo-change-padding-left-space-7 | var(--space-7) |
| --repo-change-gap-space-1 | var(--space-1) |
| --repo-change-margin-space-7 | var(--space-7) |
| --repo-change-border-top-rule-hair | var(--rule-hair) |
| --repo-change-margin-space-6 | var(--space-6) |
| --repo-change-margin-space-3 | var(--space-3) |
| --repo-change-gap-space-2 | var(--space-2) |
| --repo-tree-gap-space-8 | var(--space-8) |
| --repo-tree-gap-space-10 | var(--space-10) |
| --repo-tree-font-type-figure | var(--type-figure) |
| --repo-tree-padding-left-space-7 | var(--space-7) |
| --repo-tree-color-teal-ink | var(--teal-ink) |
| --repo-tree-gap-space-5 | var(--space-5) |
| --repo-tree-gap-space-1 | var(--space-1) |
| --repo-tree-padding-space-5 | var(--space-5) |
| --repo-tree-padding-space-6 | var(--space-6) |
| --repo-tree-background-cotton | var(--cotton) |
| --repo-tree-box-shadow-rule-frame | var(--rule-frame) |
| --repo-tree-font-size-fs-small | var(--fs-small) |
| --repo-tree-color-ink-2 | var(--ink-2) |
| --roles-grid-gap-space-2 | var(--space-2) |
| --roles-grid-gap-space-4 | var(--space-4) |
| --roles-grid-padding-space-8 | var(--space-8) |
| --roles-grid-padding-space-7 | var(--space-7) |
| --roles-grid-transition-dur-moderate | var(--dur-moderate) |
| --roles-grid-transition-ease-standard | var(--ease-standard) |
| --roles-grid-font-type-small-strong | var(--type-small-strong) |
| --roles-grid-font-type-h3 | var(--type-h3) |
| --roles-grid-letter-spacing-ls-h3 | var(--ls-h3) |
| --roles-grid-font-type-small | var(--type-small) |
| --roles-grid-transform-space-2 | var(--space-2) |
| --roles-grid-padding-space-6 | var(--space-6) |
| --roles-grid-padding-space-5 | var(--space-5) |
| --roles-grid-font-type-body | var(--type-body) |
| --roles-grid-font-weight-weight-strong | var(--weight-strong) |
| --roles-grid-background-field-bg | var(--field-bg) |
| --roles-grid-color-field-fg | var(--field-fg) |
| --roles-grid-background-field-fg | var(--field-fg) |
| --roles-grid-color-field-fg-2 | var(--field-fg-2) |
| --roles-picker-margin-space-9 | var(--space-9) |
| --roles-picker-border-line-strong | var(--line-strong) |
| --roles-picker-background-surface | var(--surface) |
| --roles-picker-border-bottom-line-strong | var(--line-strong) |
| --roles-picker-gap-space-1 | var(--space-1) |
| --roles-picker-padding-space-5 | var(--space-5) |
| --roles-picker-border-right-line | var(--line) |
| --roles-picker-color-ink | var(--ink) |
| --roles-picker-transition-dur-moderate | var(--dur-moderate) |
| --roles-picker-transition-ease-standard | var(--ease-standard) |
| --roles-picker-background-surface-2 | var(--surface-2) |
| --roles-picker-background-ink | var(--ink) |
| --roles-picker-color-cotton | var(--cotton) |
| --roles-picker-box-shadow-saffron | var(--saffron) |
| --roles-picker-outline-focus | var(--focus) |
| --roles-picker-font-type-small-strong | var(--type-small-strong) |
| --roles-picker-font-type-strong | var(--type-strong) |
| --roles-picker-padding-space-8 | var(--space-8) |
| --roles-picker-padding-gutter | var(--gutter) |
| --roles-picker-gap-space-5 | var(--space-5) |
| --roles-picker-border-top-line | var(--line) |
| --roles-picker-font-type-h3 | var(--type-h3) |
| --roles-picker-font-type-small | var(--type-small) |
| --roles-picker-color-ink-2 | var(--ink-2) |
| --roles-picker-gap-space-4 | var(--space-4) |
| --roles-picker-border-top-rule-hair | var(--rule-hair) |
| --roles-picker-border-top-line-strong | var(--line-strong) |
| --roles-picker-padding-top-space-3 | var(--space-3) |
| --roles-picker-padding-top-space-5 | var(--space-5) |
| --roles-picker-border-bottom-line | var(--line) |
| --rows-list-t-ink | var(--ink) |
| --rows-list-gap-space-2 | var(--space-2) |
| --rows-list-gap-space-7 | var(--space-7) |
| --rows-list-padding-space-7 | var(--space-7) |
| --rows-list-padding-space-4 | var(--space-4) |
| --rows-list-border-top-rule-hair | var(--rule-hair) |
| --rows-list-border-top-line | var(--line) |
| --rows-list-transition-dur-moderate | var(--dur-moderate) |
| --rows-list-transition-ease-standard | var(--ease-standard) |
| --rows-list-border-bottom-rule-hair | var(--rule-hair) |
| --rows-list-border-bottom-line | var(--line) |
| --rows-list-border-top-color-ink | var(--ink) |
| --rows-list-font-type-h3 | var(--type-h3) |
| --rows-list-letter-spacing-ls-h3 | var(--ls-h3) |
| --rows-list-color-ink-2 | var(--ink-2) |
| --rows-list-transition-dur-weave | var(--dur-weave) |
| --rows-list-text-underline-offset-space-3 | var(--space-3) |
| --rows-list-gap-space-5 | var(--space-5) |
| --rows-list-padding-space-6 | var(--space-6) |
| --rows-list-padding-space-2 | var(--space-2) |
| --rows-list-t-indigo | var(--indigo) |
| --rows-list-t-madder | var(--madder) |
| --rows-list-t-saffron | var(--saffron) |
| --rows-list-t-teal | var(--teal) |
| --rows-list-t-indigo-ink | var(--indigo-ink) |
| --rows-list-t-madder-ink | var(--madder-ink) |
| --rows-list-t-teal-ink | var(--teal-ink) |
| --score-us-font-size-fs-small | var(--fs-small) |
| --score-us-padding-space-4 | var(--space-4) |
| --score-us-padding-space-5 | var(--space-5) |
| --score-us-border-bottom-line | var(--line) |
| --score-us-font-type-label | var(--type-label) |
| --score-us-color-ink-2 | var(--ink-2) |
| --score-us-gap-space-5 | var(--space-5) |
| --score-us-gap-space-7 | var(--space-7) |
| --score-us-margin-bottom-space-5 | var(--space-5) |
| --score-us-gap-space-4 | var(--space-4) |
| --score-us-gap-space-10 | var(--space-10) |
| --score-us-gap-space-3 | var(--space-3) |
| --score-us-background-cotton | var(--cotton) |
| --score-us-border-line | var(--line) |
| --score-us-border-radius-radius | var(--radius) |
| --score-us-border-color-indigo-ink | var(--indigo-ink) |
| --score-us-box-shadow-indigo-ink | var(--indigo-ink) |
| --score-us-padding-top-space-5 | var(--space-5) |
| --score-us-border-top-line-strong | var(--line-strong) |
| --score-us-font-type-h3 | var(--type-h3) |
| --score-us-letter-spacing-ls-h3 | var(--ls-h3) |
| --score-us-color-ink | var(--ink) |
| --score-us-font-type-h2 | var(--type-h2) |
| --score-us-letter-spacing-ls-h2 | var(--ls-h2) |
| --score-us-background-surface-2 | var(--surface-2) |
| --score-us-background-indigo-ink | var(--indigo-ink) |
| --score-us-transition-dur-weave | var(--dur-weave) |
| --score-us-background-surface | var(--surface) |
| --score-us-font-size-fs-label | var(--fs-label) |
| --score-us-font-type-figure | var(--type-figure) |
| --score-us-stroke-line | var(--line) |
| --score-us-fill-indigo-ink | var(--indigo-ink) |
| --score-us-stroke-indigo-ink | var(--indigo-ink) |
| --score-us-fill-surface | var(--surface) |
| --score-us-transition-dur-slow | var(--dur-slow) |
| --score-us-fill-ink | var(--ink) |
| --score-us-tier-indigo-ink | var(--indigo-ink) |
| --score-us-tier-teal-ink | var(--teal-ink) |
| --score-us-tier-madder-ink | var(--madder-ink) |
| --score-us-tier-ink-2 | var(--ink-2) |
| --score-us-gap-space-2 | var(--space-2) |
| --score-us-gap-space-6 | var(--space-6) |
| --score-us-margin-right-space-3 | var(--space-3) |
| --score-us-ix-ok-teal-ink | var(--teal-ink) |
| --score-us-ix-wait-saffron-ink | var(--saffron-ink) |
| --score-us-ix-broken-madder-ink | var(--madder-ink) |
| --score-us-ix-action-indigo-ink | var(--indigo-ink) |
| --score-us-ix-ink-ink | var(--ink) |
| --score-us-ix-ink-2-ink-2 | var(--ink-2) |
| --score-us-ix-line-line | var(--line) |
| --score-us-ix-surface-surface | var(--surface) |
| --score-us-margin-space-8 | var(--space-8) |
| --score-us-gap-space-1 | var(--space-1) |
| --score-us-padding-space-6 | var(--space-6) |
| --score-us-margin-top-space-5 | var(--space-5) |
| --score-us-margin-space-6 | var(--space-6) |
| --score-us-padding-bottom-space-4 | var(--space-4) |
| --score-us-margin-space-3 | var(--space-3) |
| --score-us-padding-left-space-7 | var(--space-7) |
| --score-us-margin-top-space-6 | var(--space-6) |
| --score-us-border-top-rule | var(--rule) |
| --score-us-margin-top-space-4 | var(--space-4) |
| --score-us-font-type-small-strong | var(--type-small-strong) |
| --score-us-outline-focus | var(--focus) |
| --score-us-margin-space-4 | var(--space-4) |
| --score-us-margin-space-5 | var(--space-5) |
| --showcase-frame-gap-space-7 | var(--space-7) |
| --showcase-frame-margin-top-space-10 | var(--space-10) |
| --showcase-frame-margin-top-space-13 | var(--space-13) |
| --showcase-frame-padding-space-7 | var(--space-7) |
| --showcase-frame-padding-space-9 | var(--space-9) |
| --showcase-frame-background-surface | var(--surface) |
| --showcase-frame-border-line | var(--line) |
| --showcase-frame-border-radius-radius | var(--radius) |
| --showcase-frame-gap-space-5 | var(--space-5) |
| --showcase-frame-gap-space-3 | var(--space-3) |
| --showcase-frame-font-size-fs-h3 | var(--fs-h3) |
| --showcase-frame-letter-spacing-ls-h2 | var(--ls-h2) |
| --showcase-frame-color-ink-2 | var(--ink-2) |
| --showcase-frame-font-size-fs-small | var(--fs-small) |
| --showcase-frame-font-type-label | var(--type-label) |
| --showcase-frame-padding-space-6 | var(--space-6) |
| --showcase-frame-color-ink | var(--ink) |
| --showcase-frame-border-top-rule | var(--rule) |
| --showcase-frame-border-top-ink | var(--ink) |
| --showcase-frame-transition-dur-moderate | var(--dur-moderate) |
| --showcase-frame-transition-ease-standard | var(--ease-standard) |
| --showcase-frame-font-type-h3 | var(--type-h3) |
| --showcase-frame-letter-spacing-ls-h3 | var(--ls-h3) |
| --showcase-frame-transition-dur-slow | var(--dur-slow) |
| --showcase-frame-outline-color-ink | var(--ink) |
| --showcase-frame-margin-top-space-8 | var(--space-8) |
| --stage-finder-ix-ok-teal-ink | var(--teal-ink) |
| --stage-finder-ix-wait-saffron-ink | var(--saffron-ink) |
| --stage-finder-ix-broken-madder-ink | var(--madder-ink) |
| --stage-finder-ix-action-indigo-ink | var(--indigo-ink) |
| --stage-finder-ix-ink-ink | var(--ink) |
| --stage-finder-ix-ink-2-ink-2 | var(--ink-2) |
| --stage-finder-ix-line-line | var(--line) |
| --stage-finder-ix-surface-surface | var(--surface) |
| --stage-finder-padding-space-6 | var(--space-6) |
| --stage-finder-padding-space-8 | var(--space-8) |
| --stage-finder-margin-space-8 | var(--space-8) |
| --stage-finder-font-type-h3 | var(--type-h3) |
| --stage-finder-margin-space-3 | var(--space-3) |
| --stage-finder-letter-spacing-ls-h3 | var(--ls-h3) |
| --stage-finder-font-size-fs-small | var(--fs-small) |
| --stage-finder-margin-space-6 | var(--space-6) |
| --stage-finder-margin-bottom-space-4 | var(--space-4) |
| --stage-finder-gap-space-4 | var(--space-4) |
| --stage-finder-outline-focus | var(--focus) |
| --stage-finder-gap-space-5 | var(--space-5) |
| --stage-finder-border-top-rule | var(--rule) |
| --stage-finder-padding-space-5 | var(--space-5) |
| --stage-finder-font-type-strong | var(--type-strong) |
| --stage-finder-margin-space-4 | var(--space-4) |
| --stage-finder-gap-space-1 | var(--space-1) |
| --stage-finder-gap-space-3 | var(--space-3) |
| --stage-finder-gap-space-6 | var(--space-6) |
| --status-table-font-type-small-strong | var(--type-small-strong) |
| --status-table-color-ink-2 | var(--ink-2) |
| --status-table-max-width-w-text | var(--w-text) |
| --status-table-padding-space-6 | var(--space-6) |
| --status-table-border-top-rule-hair | var(--rule-hair) |
| --status-table-border-top-line | var(--line) |
| --status-table-border-top-rule | var(--rule) |
| --status-table-border-top-ink | var(--ink) |
| --status-table-font-type-h3 | var(--type-h3) |
| --status-table-letter-spacing-ls-h3 | var(--ls-h3) |
| --status-table-margin-top-space-3 | var(--space-3) |
| --survey-margin-top-space-7 | var(--space-7) |
| --survey-gap-space-4 | var(--space-4) |
| --survey-padding-space-4 | var(--space-4) |
| --survey-padding-space-6 | var(--space-6) |
| --survey-background-surface | var(--surface) |
| --survey-border-ink | var(--ink) |
| --survey-padding-space-5 | var(--space-5) |
| --survey-border-rule-hair | var(--rule-hair) |
| --survey-border-radius-radius | var(--radius) |
| --survey-color-ink | var(--ink) |
| --survey-gap-space-5 | var(--space-5) |
| --survey-margin-top-space-9 | var(--space-9) |
| --survey-font-type-small | var(--type-small) |
| --survey-margin-space-5 | var(--space-5) |
| --survey-padding-left-space-7 | var(--space-7) |
| --survey-gap-space-3 | var(--space-3) |
| --survey-font-size-fs-small | var(--fs-small) |
| --survey-gap-space-6 | var(--space-6) |
| --survey-margin-space-6 | var(--space-6) |
| --survey-padding-space-3 | var(--space-3) |
| --survey-border-line | var(--line) |
| --survey-margin-top-space-11 | var(--space-11) |
| --survey-margin-bottom-space-4 | var(--space-4) |
| --survey-margin-bottom-space-7 | var(--space-7) |
| --survey-border-bottom-line | var(--line) |
| --survey-font-size-fs-label | var(--fs-label) |
| --survey-color-ink-2 | var(--ink-2) |
| --survey-padding-space-1 | var(--space-1) |
| --survey-background-teal-soft | var(--teal-soft) |
| --survey-color-teal-ink | var(--teal-ink) |
| --survey-background-saffron-soft | var(--saffron-soft) |
| --survey-color-saffron-ink | var(--saffron-ink) |
| --survey-background-madder-soft | var(--madder-soft) |
| --survey-color-madder-ink | var(--madder-ink) |
| --survey-padding-space-7 | var(--space-7) |
| --survey-font-size-fs-body | var(--fs-body) |
| --survey-margin-space-2 | var(--space-2) |
| --survey-margin-space-4 | var(--space-4) |
| --system-of-systems-padding-left-space-6 | var(--space-6) |
| --system-of-systems-padding-left-space-9 | var(--space-9) |
| --system-of-systems-border-left-line | var(--line) |
| --system-of-systems-margin-left-space-3 | var(--space-3) |
| --system-of-systems-margin-top-space-4 | var(--space-4) |
| --system-of-systems-margin-right-space-5 | var(--space-5) |
| --system-of-systems-font-size-fs-small | var(--fs-small) |
| --system-of-systems-color-ink-2 | var(--ink-2) |
| --system-of-systems-font-family-font-mono | var(--font-mono) |
| --system-of-systems-color-madder-ink | var(--madder-ink) |
| --system-of-systems-margin-right-space-4 | var(--space-4) |
| --system-of-systems-background-madder-ink | var(--madder-ink) |
| --takenote-card-background-surface | var(--surface) |
| --takenote-card-color-ink | var(--ink) |
| --takenote-card-border-top-rule-frame | var(--rule-frame) |
| --takenote-card-border-top-ink | var(--ink) |
| --takenote-card-padding-space-6 | var(--space-6) |
| --takenote-card-padding-space-9 | var(--space-9) |
| --takenote-card-gap-space-8 | var(--space-8) |
| --takenote-card-gap-space-6 | var(--space-6) |
| --takenote-card-font-type-small-strong | var(--type-small-strong) |
| --takenote-card-color-madder-ink | var(--madder-ink) |
| --takenote-card-font-type-h2 | var(--type-h2) |
| --takenote-card-letter-spacing-ls-h2 | var(--ls-h2) |
| --takenote-card-font-type-body | var(--type-body) |
| --takenote-card-color-ink-2 | var(--ink-2) |
| --takenote-card-font-type-label | var(--type-label) |
| --takenote-card-margin-top-space-3 | var(--space-3) |
| --takenote-card-font-type-display | var(--type-display) |
| --takenote-card-letter-spacing-ls-display | var(--ls-display) |
| --takenote-card-font-type-small | var(--type-small) |
| --takenote-card-padding-space-1 | var(--space-1) |
| --takenote-card-padding-space-4 | var(--space-4) |
| --takenote-card-background-band-loose | var(--band-loose) |
| --takenote-card-color-on-dye | var(--on-dye) |
| --takenote-card-border-radius-radius | var(--radius) |
| --takenote-card-border-top-rule | var(--rule) |
| --takenote-card-gap-space-2 | var(--space-2) |
| --takenote-card-padding-space-5 | var(--space-5) |
| --takenote-card-margin-bottom-space-4 | var(--space-4) |
| --takenote-card-gap-space-3 | var(--space-3) |
| --takenote-card-gap-space-4 | var(--space-4) |
| --takenote-card-background-surface-3 | var(--surface-3) |
| --takenote-card-font-type-figure | var(--type-figure) |
| --takenote-card-gap-space-5 | var(--space-5) |
| --takenote-card-padding-bottom-space-5 | var(--space-5) |
| --takenote-card-border-bottom-rule-hair | var(--rule-hair) |
| --takenote-card-border-bottom-line | var(--line) |
| --takenote-card-color-saffron-ink | var(--saffron-ink) |
| --tile-font-family-font-display-ja | var(--font-display-ja) |
| --tile-gap-space-1 | var(--space-1) |
| --tile-background-cotton | var(--cotton) |
| --tile-pad-space-7 | var(--space-7) |
| --tile-pad-space-9 | var(--space-9) |
| --tile-gap-space-4 | var(--space-4) |
| --tile-font-type-h2 | var(--type-h2) |
| --tile-letter-spacing-ls-h2 | var(--ls-h2) |
| --tile-transition-dur-weave | var(--dur-weave) |
| --tile-transition-ease-standard | var(--ease-standard) |
| --tile-font-type-h3 | var(--type-h3) |
| --tile-letter-spacing-ls-h3 | var(--ls-h3) |
| --tile-margin-left-space-5 | var(--space-5) |
| --tile-font-type-strong | var(--type-strong) |
| --tile-font-size-fs-body | var(--fs-body) |
| --tile-margin-space-7 | var(--space-7) |
| --tile-padding-top-space-8 | var(--space-8) |
| --tile-margin-bottom-space-8 | var(--space-8) |
| --tile-margin-top-space-6 | var(--space-6) |
| --tile-padding-space-5 | var(--space-5) |
| --tile-padding-space-6 | var(--space-6) |
| --tile-font-size-fs-small | var(--fs-small) |
| --tile-background-surface | var(--surface) |
| --tile-color-ink | var(--ink) |
| --tile-border-top-rule | var(--rule) |
| --tile-border-top-ink | var(--ink) |
| --tile-padding-space-8 | var(--space-8) |
| --tile-gap-space-6 | var(--space-6) |
| --tile-field-fg-ink | var(--ink) |
| --tile-field-fg-2-ink-2 | var(--ink-2) |
| --tile-box-shadow-rule-heavy | var(--rule-heavy) |
| --tile-background-field-bg | var(--field-bg) |
| --tile-color-field-fg | var(--field-fg) |
| --tile-box-shadow-thread | var(--thread) |
| --token-chain-gap-space-6 | var(--space-6) |
| --token-chain-gap-space-9 | var(--space-9) |
| --token-chain-margin-space-7 | var(--space-7) |
| --token-chain-font-size-fs-small | var(--fs-small) |
| --token-chain-margin-space-2 | var(--space-2) |
| --token-chain-padding-left-space-7 | var(--space-7) |
| --token-chain-padding-bottom-space-4 | var(--space-4) |
| --token-chain-font-size-fs-label | var(--fs-label) |
| --token-chain-color-ink-2 | var(--ink-2) |
| --token-chain-margin-right-space-4 | var(--space-4) |
| --token-chain-border-line | var(--line) |
| --identity-art-ink | var(--ink) |
| --identity-art-lettering | var(--font-display) |
| --identity-art-indigo | var(--indigo-ink) |
| --identity-art-teal | var(--teal-ink) |
| --identity-art-saffron | var(--saffron) |
| --identity-art-madder | var(--madder-ink) |
| --identity-art-seam | var(--cotton) |
| --identity-art-duration | var(--dur-weave) |
| --identity-art-easing | var(--ease-standard) |
| --identity-sticker-surface | var(--cotton) |
| --identity-sticker-ink | var(--ink) |
| --identity-sticker-on-ink | var(--cotton) |
| --identity-sticker-lettering | var(--font-display) |
| --identity-sticker-cutout | var(--on-dye) |
| --identity-sticker-fixed-ink | var(--field-ink) |
| --identity-sticker-mark-indigo | var(--indigo-ink) |
| --identity-sticker-mark-madder | var(--madder-ink) |
| --identity-sticker-mark-teal | var(--teal-ink) |
| --identity-sticker-on-dye | var(--on-dye) |
| --identity-sticker-on-saffron | var(--on-saffron) |
| --identity-sticker-indigo | var(--indigo) |
| --identity-sticker-madder | var(--madder) |
| --identity-sticker-saffron | var(--saffron) |
| --identity-sticker-teal | var(--teal) |
| --identity-sticker-caption | var(--type-small) |
| --identity-sticker-gap | var(--space-4) |
| --identity-motion-surface | var(--cotton) |
| --identity-motion-ink | var(--ink) |
| --identity-motion-ink-muted | var(--ink-2) |
| --identity-motion-control-surface | var(--surface) |
| --identity-motion-control-hover | var(--surface-2) |
| --identity-motion-line | var(--line-strong) |
| --identity-motion-rule | var(--rule-hair) |
| --identity-motion-focus-width | var(--rule) |
| --identity-motion-focus | var(--focus) |
| --identity-motion-focus-offset | var(--space-2) |
| --identity-motion-title | var(--type-h3) |
| --identity-motion-caption | var(--type-small) |
| --identity-motion-mono | var(--font-mono) |
| --identity-motion-accent | var(--indigo-ink) |
| --identity-motion-route | var(--madder-ink) |
| --identity-motion-gap | var(--space-4) |
| --identity-motion-gap-small | var(--space-3) |
| --identity-motion-gap-section | var(--space-6) |
| --identity-motion-padding | var(--space-8) |
| --identity-motion-scene-space | var(--space-9) |
| --identity-motion-status-gap | var(--space-5) |
| --identity-motion-target | var(--space-11) |
| --identity-motion-scene-unit | var(--space-13) |
| --identity-motion-duration | var(--dur-weave) |
| --identity-motion-easing | var(--ease-standard) |
| --identity-playground-label | var(--type-label) |
| --identity-playground-tracking | var(--ls-label) |
| --identity-playground-gap-caption | var(--space-5) |
| --identity-playground-surface | var(--cotton) |
| --identity-playground-ink | var(--ink) |
| --identity-playground-ink-muted | var(--ink-2) |
| --identity-playground-line | var(--line-strong) |
| --identity-playground-rule | var(--rule-hair) |
| --identity-playground-link | var(--link) |
| --identity-playground-caption | var(--type-small) |
| --identity-playground-title | var(--type-h3) |
| --identity-playground-gap | var(--space-6) |
| --identity-playground-gap-small | var(--space-3) |
| --identity-playground-padding | var(--space-8) |
| --identity-playground-margin | var(--space-9) |
| --identity-playground-target | var(--space-11) |
| --identity-playground-focus | var(--focus) |
| --identity-playground-focus-width | var(--rule) |
| --identity-playground-focus-offset | var(--space-2) |
| --identity-playground-gap-medium | var(--space-4) |
| --state-badge-field-ink | var(--field-ink) |
| --state-badge-padding-large | var(--space-6) |
| --state-badge-mark-large | var(--space-12) |
| --state-badge-surface | var(--cotton) |
| --state-badge-ink | var(--ink) |
| --state-badge-healthy | var(--teal-ink) |
| --state-badge-attention | var(--saffron) |
| --state-badge-broken | var(--madder-ink) |
| --state-badge-action | var(--indigo-ink) |
| --state-badge-gap | var(--space-4) |
| --state-badge-caption | var(--type-small) |
| --state-badge-mark | var(--space-11) |
| --state-badge-rule | var(--rule-hair) |
| --state-badge-line | var(--line-strong) |
| --state-badge-padding | var(--space-5) |
| --job-map-gap-medium | var(--space-5) |
| --job-map-mark | var(--type-h2) |
| --job-map-surface | var(--cotton) |
| --job-map-ink | var(--ink) |
| --job-map-see | var(--teal-ink) |
| --job-map-shape | var(--madder-ink) |
| --job-map-govern | var(--saffron-ink) |
| --job-map-run | var(--indigo-ink) |
| --job-map-gap | var(--space-6) |
| --job-map-margin | var(--space-8) |
| --job-map-gap-small | var(--space-4) |
| --job-map-title | var(--type-h3) |
| --job-map-caption | var(--type-small) |
| --job-map-rule | var(--rule-hair) |
| --job-map-line | var(--line-strong) |
| --job-map-target | var(--space-11) |
| --job-map-focus | var(--focus) |
| --job-map-focus-width | var(--rule) |
| --job-map-focus-offset | var(--space-2) |
| --atomic-guide-preview-min-width | var(--w-text) |
| --atomic-guide-cotton | var(--cotton) |
| --atomic-guide-surface | var(--surface) |
| --atomic-guide-ink | var(--ink) |
| --atomic-guide-ink-muted | var(--ink-2) |
| --atomic-guide-line | var(--line) |
| --atomic-guide-line-strong | var(--line-strong) |
| --atomic-guide-rule | var(--rule-hair) |
| --atomic-guide-gap | var(--space-6) |
| --atomic-guide-gap-small | var(--space-3) |
| --atomic-guide-gap-medium | var(--space-4) |
| --atomic-guide-margin | var(--space-9) |
| --atomic-guide-title | var(--type-h3) |
| --atomic-guide-caption | var(--type-small) |
| --atomic-guide-link | var(--link) |
| --atomic-guide-target | var(--space-11) |
| --atomic-guide-indigo | var(--indigo) |
| --atomic-guide-teal | var(--teal) |
| --atomic-guide-saffron | var(--saffron) |
| --atomic-guide-madder | var(--madder) |
| --atomic-guide-focus | var(--focus) |
| --atomic-guide-focus-width | var(--rule) |
| --atomic-guide-focus-offset | var(--space-2) |
| --field-bg | set by .field-<colour> |
| --edge | set by data-next |
| --thread | set per section |
| --job-dye | set per job |
Layout
| Aspect | Value |
|---|---|
| breakpoints | Required review at 390, 768, 1024 and 1440 px; execution is not implied by this declaration; columns stack under 768 px; the wrap keeps a 16 px gutter on phones. |
| wrapping | Text wraps; nothing scrolls sideways. |
| textExpansion | Japanese runs 20 to 40% longer; headings break between phrases (jaBreaks) and blocks grow downwards. |
Spacing and rhythm
| Aspect | Value |
|---|---|
| internal | Not applicable: a foundation has no box of its own. |
| external | Not applicable. |
| rhythm | Applies to every element that reads it. |
Motion
| Aspect | Value |
|---|---|
| None | A foundation does not move. |
Runtime and reuse
Render-only element; mount any registered child enhancements separately. Preserve required Site CSS, fonts, responsive and locale rules from nativeElement.
Accessibility passport
| Aspect | Value |
|---|---|
| role | Not rendered on the site; its specimen in the Library is a list |
| name | The foundation's name |
| keyboard | Not interactive. |
| focus | Not focusable. |
| screenReader | The specimen is a plain list of names and values. |
| contrast | Every text and ground pair in the palette is checked (check-brand). |
| target | Not a target. |
Content
| Slot | Length | Voice |
|---|---|---|
| specimen: part alias and context owner | Existing per-part or selector/state bindings only; this is read-only binding guidance, not a new global role. | State which part consumes the alias and which native context supplies it. |
Good: “--edge is supplied at the composed field/cotton join; --field-fg follows the field context.”
Bad: “Give --field-fg a raw hex override in a page to create a new brand colour.”
Japanese: Preserve component alias names and selector/state identities across locales. Translate contextual explanations; localized text still uses the existing component and semantic tiers.
Icons and illustrations
None: this element uses no icon or illustration of its own.
Decisions and exceptions
- None.
Usage
6864 owned-class occurrences in built pages plus metadata-token references in built CSS (measured by npm run site:system).
No application mechanism is declared.
Current check result: not assessed by this report. Declarations and source-file presence do not establish executed enforcement or accepted coverage.
Tests
| Aspect | Value |
|---|---|
| unit | tests/unit/site-system.test.ts: renders every do and don't example through the registry and checks the classes it owns |
| visual | Not yet: there are no screenshot baselines; the Library page is checked for sideways scroll at 1440 px by tests/site/system.spec.ts |
| a11y | tests/site/system.spec.ts: axe (0 serious or critical) on the element's Library page in light and dark |
| parity | scripts/site/system/check.ts: Library examples are rendered by the same render function the site imports |
Figma
not-yet: The Loom Site Figma library is the last stage of the plan; this element is not mapped yet.