/* Generated by scripts/_foundations-docs.mjs - do not edit.
   One rule per token specimen, so the pages carry no inline styles. */
[data-token="--root-c--light"][data-part="swatch"] {
  background-color: var(--root-c--light);
}
[data-token="--root-c--dark"][data-part="swatch"] {
  background-color: var(--root-c--dark);
}
[data-token="--root-c--color"][data-part="swatch"] {
  background-color: var(--root-c--color);
}
[data-token="--root-c--background-color"][data-part="swatch"] {
  background-color: var(--root-c--background-color);
}
[data-token="--root-c--default-100--light"][data-part="swatch"] {
  background-color: var(--root-c--default-100--light);
}
[data-token="--root-c--default-200--light"][data-part="swatch"] {
  background-color: var(--root-c--default-200--light);
}
[data-token="--root-c--default-300--light"][data-part="swatch"] {
  background-color: var(--root-c--default-300--light);
}
[data-token="--root-c--default-400--light"][data-part="swatch"] {
  background-color: var(--root-c--default-400--light);
}
[data-token="--root-c--default-500--light"][data-part="swatch"] {
  background-color: var(--root-c--default-500--light);
}
[data-token="--root-c--default-600--light"][data-part="swatch"] {
  background-color: var(--root-c--default-600--light);
}
[data-token="--root-c--default-700--light"][data-part="swatch"] {
  background-color: var(--root-c--default-700--light);
}
[data-token="--root-c--default-800--light"][data-part="swatch"] {
  background-color: var(--root-c--default-800--light);
}
[data-token="--root-c--default-900--light"][data-part="swatch"] {
  background-color: var(--root-c--default-900--light);
}
[data-token="--root-c--alternate-100--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-100--light);
}
[data-token="--root-c--alternate-200--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-200--light);
}
[data-token="--root-c--alternate-300--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-300--light);
}
[data-token="--root-c--alternate-400--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-400--light);
}
[data-token="--root-c--alternate-500--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-500--light);
}
[data-token="--root-c--alternate-600--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-600--light);
}
[data-token="--root-c--alternate-700--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-700--light);
}
[data-token="--root-c--alternate-800--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-800--light);
}
[data-token="--root-c--alternate-900--light"][data-part="swatch"] {
  background-color: var(--root-c--alternate-900--light);
}
[data-token="--root-c--info-100--light"][data-part="swatch"] {
  background-color: var(--root-c--info-100--light);
}
[data-token="--root-c--info-200--light"][data-part="swatch"] {
  background-color: var(--root-c--info-200--light);
}
[data-token="--root-c--info-300--light"][data-part="swatch"] {
  background-color: var(--root-c--info-300--light);
}
[data-token="--root-c--info-400--light"][data-part="swatch"] {
  background-color: var(--root-c--info-400--light);
}
[data-token="--root-c--info-500--light"][data-part="swatch"] {
  background-color: var(--root-c--info-500--light);
}
[data-token="--root-c--info-600--light"][data-part="swatch"] {
  background-color: var(--root-c--info-600--light);
}
[data-token="--root-c--info-700--light"][data-part="swatch"] {
  background-color: var(--root-c--info-700--light);
}
[data-token="--root-c--info-800--light"][data-part="swatch"] {
  background-color: var(--root-c--info-800--light);
}
[data-token="--root-c--info-900--light"][data-part="swatch"] {
  background-color: var(--root-c--info-900--light);
}
[data-token="--root-c--success-100--light"][data-part="swatch"] {
  background-color: var(--root-c--success-100--light);
}
[data-token="--root-c--success-200--light"][data-part="swatch"] {
  background-color: var(--root-c--success-200--light);
}
[data-token="--root-c--success-300--light"][data-part="swatch"] {
  background-color: var(--root-c--success-300--light);
}
[data-token="--root-c--success-400--light"][data-part="swatch"] {
  background-color: var(--root-c--success-400--light);
}
[data-token="--root-c--success-500--light"][data-part="swatch"] {
  background-color: var(--root-c--success-500--light);
}
[data-token="--root-c--success-600--light"][data-part="swatch"] {
  background-color: var(--root-c--success-600--light);
}
[data-token="--root-c--success-700--light"][data-part="swatch"] {
  background-color: var(--root-c--success-700--light);
}
[data-token="--root-c--success-800--light"][data-part="swatch"] {
  background-color: var(--root-c--success-800--light);
}
[data-token="--root-c--success-900--light"][data-part="swatch"] {
  background-color: var(--root-c--success-900--light);
}
[data-token="--root-c--warning-100--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-100--light);
}
[data-token="--root-c--warning-200--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-200--light);
}
[data-token="--root-c--warning-300--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-300--light);
}
[data-token="--root-c--warning-400--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-400--light);
}
[data-token="--root-c--warning-500--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-500--light);
}
[data-token="--root-c--warning-600--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-600--light);
}
[data-token="--root-c--warning-700--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-700--light);
}
[data-token="--root-c--warning-800--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-800--light);
}
[data-token="--root-c--warning-900--light"][data-part="swatch"] {
  background-color: var(--root-c--warning-900--light);
}
[data-token="--root-c--danger-100--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-100--light);
}
[data-token="--root-c--danger-200--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-200--light);
}
[data-token="--root-c--danger-300--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-300--light);
}
[data-token="--root-c--danger-400--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-400--light);
}
[data-token="--root-c--danger-500--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-500--light);
}
[data-token="--root-c--danger-600--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-600--light);
}
[data-token="--root-c--danger-700--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-700--light);
}
[data-token="--root-c--danger-800--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-800--light);
}
[data-token="--root-c--danger-900--light"][data-part="swatch"] {
  background-color: var(--root-c--danger-900--light);
}
[data-token="--root-c--neutral-100--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-100--light);
}
[data-token="--root-c--neutral-200--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-200--light);
}
[data-token="--root-c--neutral-300--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-300--light);
}
[data-token="--root-c--neutral-400--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-400--light);
}
[data-token="--root-c--neutral-500--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-500--light);
}
[data-token="--root-c--neutral-600--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-600--light);
}
[data-token="--root-c--neutral-700--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-700--light);
}
[data-token="--root-c--neutral-800--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-800--light);
}
[data-token="--root-c--neutral-900--light"][data-part="swatch"] {
  background-color: var(--root-c--neutral-900--light);
}
[data-token="--root-c--default-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-100--dark);
}
[data-token="--root-c--default-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-200--dark);
}
[data-token="--root-c--default-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-300--dark);
}
[data-token="--root-c--default-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-400--dark);
}
[data-token="--root-c--default-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-500--dark);
}
[data-token="--root-c--default-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-600--dark);
}
[data-token="--root-c--default-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-700--dark);
}
[data-token="--root-c--default-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-800--dark);
}
[data-token="--root-c--default-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--default-900--dark);
}
[data-token="--root-c--alternate-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-100--dark);
}
[data-token="--root-c--alternate-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-200--dark);
}
[data-token="--root-c--alternate-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-300--dark);
}
[data-token="--root-c--alternate-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-400--dark);
}
[data-token="--root-c--alternate-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-500--dark);
}
[data-token="--root-c--alternate-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-600--dark);
}
[data-token="--root-c--alternate-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-700--dark);
}
[data-token="--root-c--alternate-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-800--dark);
}
[data-token="--root-c--alternate-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--alternate-900--dark);
}
[data-token="--root-c--info-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-100--dark);
}
[data-token="--root-c--info-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-200--dark);
}
[data-token="--root-c--info-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-300--dark);
}
[data-token="--root-c--info-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-400--dark);
}
[data-token="--root-c--info-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-500--dark);
}
[data-token="--root-c--info-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-600--dark);
}
[data-token="--root-c--info-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-700--dark);
}
[data-token="--root-c--info-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-800--dark);
}
[data-token="--root-c--info-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--info-900--dark);
}
[data-token="--root-c--success-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-100--dark);
}
[data-token="--root-c--success-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-200--dark);
}
[data-token="--root-c--success-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-300--dark);
}
[data-token="--root-c--success-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-400--dark);
}
[data-token="--root-c--success-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-500--dark);
}
[data-token="--root-c--success-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-600--dark);
}
[data-token="--root-c--success-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-700--dark);
}
[data-token="--root-c--success-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-800--dark);
}
[data-token="--root-c--success-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--success-900--dark);
}
[data-token="--root-c--warning-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-100--dark);
}
[data-token="--root-c--warning-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-200--dark);
}
[data-token="--root-c--warning-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-300--dark);
}
[data-token="--root-c--warning-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-400--dark);
}
[data-token="--root-c--warning-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-500--dark);
}
[data-token="--root-c--warning-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-600--dark);
}
[data-token="--root-c--warning-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-700--dark);
}
[data-token="--root-c--warning-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-800--dark);
}
[data-token="--root-c--warning-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--warning-900--dark);
}
[data-token="--root-c--danger-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-100--dark);
}
[data-token="--root-c--danger-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-200--dark);
}
[data-token="--root-c--danger-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-300--dark);
}
[data-token="--root-c--danger-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-400--dark);
}
[data-token="--root-c--danger-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-500--dark);
}
[data-token="--root-c--danger-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-600--dark);
}
[data-token="--root-c--danger-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-700--dark);
}
[data-token="--root-c--danger-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-800--dark);
}
[data-token="--root-c--danger-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--danger-900--dark);
}
[data-token="--root-c--neutral-100--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-100--dark);
}
[data-token="--root-c--neutral-200--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-200--dark);
}
[data-token="--root-c--neutral-300--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-300--dark);
}
[data-token="--root-c--neutral-400--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-400--dark);
}
[data-token="--root-c--neutral-500--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-500--dark);
}
[data-token="--root-c--neutral-600--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-600--dark);
}
[data-token="--root-c--neutral-700--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-700--dark);
}
[data-token="--root-c--neutral-800--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-800--dark);
}
[data-token="--root-c--neutral-900--dark"][data-part="swatch"] {
  background-color: var(--root-c--neutral-900--dark);
}
[data-token="--root-t--font-size--9xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--9xl);
}
[data-token="--root-t--font-size--8xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--8xl);
}
[data-token="--root-t--font-size--7xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--7xl);
}
[data-token="--root-t--font-size--6xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--6xl);
}
[data-token="--root-t--font-size--5xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--5xl);
}
[data-token="--root-t--font-size--4xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--4xl);
}
[data-token="--root-t--font-size--3xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--3xl);
}
[data-token="--root-t--font-size--2xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--2xl);
}
[data-token="--root-t--font-size--xl"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--xl);
}
[data-token="--root-t--font-size--lg"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--lg);
}
[data-token="--root-t--font-size--md"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--md);
}
[data-token="--root-t--font-size--sm"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--sm);
}
[data-token="--root-t--font-size--xs"][data-part="type-sample"] {
  font-size: var(--root-t--font-size--xs);
}
[data-token="--root-s--9xl"][data-part="space-bar"] {
  inline-size: var(--root-s--9xl);
  block-size: var(--root-s--9xl);
}
[data-token="--root-s--8xl"][data-part="space-bar"] {
  inline-size: var(--root-s--8xl);
  block-size: var(--root-s--8xl);
}
[data-token="--root-s--7xl"][data-part="space-bar"] {
  inline-size: var(--root-s--7xl);
  block-size: var(--root-s--7xl);
}
[data-token="--root-s--6xl"][data-part="space-bar"] {
  inline-size: var(--root-s--6xl);
  block-size: var(--root-s--6xl);
}
[data-token="--root-s--5xl"][data-part="space-bar"] {
  inline-size: var(--root-s--5xl);
  block-size: var(--root-s--5xl);
}
[data-token="--root-s--4xl"][data-part="space-bar"] {
  inline-size: var(--root-s--4xl);
  block-size: var(--root-s--4xl);
}
[data-token="--root-s--3xl"][data-part="space-bar"] {
  inline-size: var(--root-s--3xl);
  block-size: var(--root-s--3xl);
}
[data-token="--root-s--2xl"][data-part="space-bar"] {
  inline-size: var(--root-s--2xl);
  block-size: var(--root-s--2xl);
}
[data-token="--root-s--xl"][data-part="space-bar"] {
  inline-size: var(--root-s--xl);
  block-size: var(--root-s--xl);
}
[data-token="--root-s--lg"][data-part="space-bar"] {
  inline-size: var(--root-s--lg);
  block-size: var(--root-s--lg);
}
[data-token="--root-s--md"][data-part="space-bar"] {
  inline-size: var(--root-s--md);
  block-size: var(--root-s--md);
}
[data-token="--root-s--sm"][data-part="space-bar"] {
  inline-size: var(--root-s--sm);
  block-size: var(--root-s--sm);
}
[data-token="--root-s--xs"][data-part="space-bar"] {
  inline-size: var(--root-s--xs);
  block-size: var(--root-s--xs);
}
[data-token="--root-s--2xs"][data-part="space-bar"] {
  inline-size: var(--root-s--2xs);
  block-size: var(--root-s--2xs);
}
[data-token="--root-r--full"][data-part="radius-box"] {
  border-radius: var(--root-r--full);
}
[data-token="--root-r--6xl"][data-part="radius-box"] {
  border-radius: var(--root-r--6xl);
}
[data-token="--root-r--5xl"][data-part="radius-box"] {
  border-radius: var(--root-r--5xl);
}
[data-token="--root-r--4xl"][data-part="radius-box"] {
  border-radius: var(--root-r--4xl);
}
[data-token="--root-r--3xl"][data-part="radius-box"] {
  border-radius: var(--root-r--3xl);
}
[data-token="--root-r--2xl"][data-part="radius-box"] {
  border-radius: var(--root-r--2xl);
}
[data-token="--root-r--xl"][data-part="radius-box"] {
  border-radius: var(--root-r--xl);
}
[data-token="--root-r--lg"][data-part="radius-box"] {
  border-radius: var(--root-r--lg);
}
[data-token="--root-r--md"][data-part="radius-box"] {
  border-radius: var(--root-r--md);
}
[data-token="--root-r--sm"][data-part="radius-box"] {
  border-radius: var(--root-r--sm);
}
[data-token="--root-r--xs"][data-part="radius-box"] {
  border-radius: var(--root-r--xs);
}
[data-token="--root-r--2xs"][data-part="radius-box"] {
  border-radius: var(--root-r--2xs);
}
[data-token="--root-r--3xs"][data-part="radius-box"] {
  border-radius: var(--root-r--3xs);
}
[data-token="--root-r--none"][data-part="radius-box"] {
  border-radius: var(--root-r--none);
}
[data-scheme="light"] [data-token="--root-e--sm"][data-part="elevation-card"] {
  box-shadow: 0 0.2rem 2rem 0 hsla(0, 0%, 60%, 0.2);
}
[data-scheme="light"] [data-token="--root-e--md"][data-part="elevation-card"] {
  box-shadow: 0 0.4rem 4rem -0.2rem hsla(0, 0%, 60%, 0.25);
}
[data-scheme="light"] [data-token="--root-e--lg"][data-part="elevation-card"] {
  box-shadow: 0 1.8rem 6rem 0.2rem hsla(0, 0%, 60%, 0.35);
}
[data-scheme="dark"] [data-token="--root-e--sm"][data-part="elevation-card"] {
  box-shadow: 0 0.2rem 3.8rem -0.1rem hsla(0, 0%, 48%, 0.2);
}
[data-scheme="dark"] [data-token="--root-e--md"][data-part="elevation-card"] {
  box-shadow: 0 0.4rem 7rem -0.2rem hsla(0, 0%, 48%, 0.25);
}
[data-scheme="dark"] [data-token="--root-e--lg"][data-part="elevation-card"] {
  box-shadow: 0 1.8rem 8rem 0.2rem hsla(0, 0%, 24%, 0.35);
}
[data-token="--root-m--duration-instant"][data-part="motion-track"] {
  transition-duration: var(--root-m--duration-instant);
}
[data-token="--root-m--duration-fast"][data-part="motion-track"] {
  transition-duration: var(--root-m--duration-fast);
}
[data-token="--root-m--duration-base"][data-part="motion-track"] {
  transition-duration: var(--root-m--duration-base);
}
[data-token="--root-m--duration-slow"][data-part="motion-track"] {
  transition-duration: var(--root-m--duration-slow);
}
[data-scheme="light"] [data-part="focus-ring"] {
  outline: var(--root-f--outline-width) var(--root-f--outline-style) var(--root-c--default-400--light);
  outline-offset: var(--root-f--outline-offset);
}
[data-scheme="dark"] [data-part="focus-ring"] {
  outline: var(--root-f--outline-width) var(--root-f--outline-style) var(--root-c--default-400--dark);
  outline-offset: var(--root-f--outline-offset);
}

[data-token="--root-c--color"][data-part="swatch"] {
  background-color: var(--root-c--color);
}
[data-token="--root-c--background-color"][data-part="swatch"] {
  background-color: var(--root-c--background-color);
}
[data-token="--root-c--default-100"][data-part="swatch"] {
  background-color: var(--root-c--default-100);
}
[data-token="--root-c--default-300"][data-part="swatch"] {
  background-color: var(--root-c--default-300);
}
[data-token="--root-c--default-400"][data-part="swatch"] {
  background-color: var(--root-c--default-400);
}
[data-token="--root-c--default-600"][data-part="swatch"] {
  background-color: var(--root-c--default-600);
}
[data-token="--root-c--default-900"][data-part="swatch"] {
  background-color: var(--root-c--default-900);
}
[data-token="--root-c--alternate-100"][data-part="swatch"] {
  background-color: var(--root-c--alternate-100);
}
[data-token="--root-c--alternate-300"][data-part="swatch"] {
  background-color: var(--root-c--alternate-300);
}
[data-token="--root-c--alternate-400"][data-part="swatch"] {
  background-color: var(--root-c--alternate-400);
}
[data-token="--root-c--alternate-600"][data-part="swatch"] {
  background-color: var(--root-c--alternate-600);
}
[data-token="--root-c--alternate-900"][data-part="swatch"] {
  background-color: var(--root-c--alternate-900);
}
[data-token="--root-t--font-family"][data-part="type-stack"] {
  font-family: var(--root-t--font-family);
}
[data-token="--root-t--font-family--mono"][data-part="type-stack"] {
  font-family: var(--root-t--font-family--mono);
}
[data-token="--root-t--font-weight--regular"][data-part="type-weight"] {
  font-weight: var(--root-t--font-weight--regular);
}
[data-token="--root-t--font-weight--medium"][data-part="type-weight"] {
  font-weight: var(--root-t--font-weight--medium);
}
[data-token="--root-t--font-weight--semibold"][data-part="type-weight"] {
  font-weight: var(--root-t--font-weight--semibold);
}
[data-token="--root-t--font-weight--bold"][data-part="type-weight"] {
  font-weight: var(--root-t--font-weight--bold);
}