/**
 * Do not edit directly, this file was auto-generated.
 * les tokens de composant — REQUIERT tokens.css
 *
 * @import './tokens.css' AVANT ce fichier : chaque token pointe sur une
 * variable sémantique définie là-bas.
 */

:root {
  --color-alert-subtle-primary-default-background: var(--color-role-primary-subtle);
  --color-alert-subtle-primary-default-border: var(--color-role-primary-border);
  --color-alert-subtle-primary-default-icon: var(--color-role-primary-main);
  --color-alert-subtle-primary-default-title: var(--color-text-strong);
  --color-alert-subtle-primary-default-text: var(--color-text-body);
  --color-alert-subtle-neutral-default-background: var(--color-role-neutral-subtle);
  --color-alert-subtle-neutral-default-border: var(--color-role-neutral-border);
  --color-alert-subtle-neutral-default-icon: var(--color-role-neutral-main);
  --color-alert-subtle-neutral-default-title: var(--color-text-strong);
  --color-alert-subtle-neutral-default-text: var(--color-text-body);
  --color-alert-subtle-success-default-background: var(--color-role-success-subtle);
  --color-alert-subtle-success-default-border: var(--color-role-success-border);
  --color-alert-subtle-success-default-icon: var(--color-role-success-main);
  --color-alert-subtle-success-default-title: var(--color-text-strong);
  --color-alert-subtle-success-default-text: var(--color-text-body);
  --color-alert-subtle-warning-default-background: var(--color-role-warning-subtle);
  --color-alert-subtle-warning-default-border: var(--color-role-warning-border);
  --color-alert-subtle-warning-default-icon: var(--color-role-warning-main);
  --color-alert-subtle-warning-default-title: var(--color-text-strong);
  --color-alert-subtle-warning-default-text: var(--color-text-body);
  --color-alert-subtle-danger-default-background: var(--color-role-danger-subtle);
  --color-alert-subtle-danger-default-border: var(--color-role-danger-border);
  --color-alert-subtle-danger-default-icon: var(--color-role-danger-main);
  --color-alert-subtle-danger-default-title: var(--color-text-strong);
  --color-alert-subtle-danger-default-text: var(--color-text-body);
  --color-alert-subtle-info-default-background: var(--color-role-info-subtle);
  --color-alert-subtle-info-default-border: var(--color-role-info-border);
  --color-alert-subtle-info-default-icon: var(--color-role-info-main);
  --color-alert-subtle-info-default-title: var(--color-text-strong);
  --color-alert-subtle-info-default-text: var(--color-text-body);
  --color-alert-filled-primary-default-background: var(--color-role-primary-main);
  --color-alert-filled-primary-default-border: var(--color-role-primary-main);
  --color-alert-filled-primary-default-icon: var(--color-role-primary-on);
  --color-alert-filled-primary-default-title: var(--color-role-primary-on);
  --color-alert-filled-primary-default-text: var(--color-role-primary-on);
  --color-alert-filled-neutral-default-background: var(--color-role-neutral-main);
  --color-alert-filled-neutral-default-border: var(--color-role-neutral-main);
  --color-alert-filled-neutral-default-icon: var(--color-role-neutral-on);
  --color-alert-filled-neutral-default-title: var(--color-role-neutral-on);
  --color-alert-filled-neutral-default-text: var(--color-role-neutral-on);
  --color-alert-filled-success-default-background: var(--color-role-success-main);
  --color-alert-filled-success-default-border: var(--color-role-success-main);
  --color-alert-filled-success-default-icon: var(--color-role-success-on);
  --color-alert-filled-success-default-title: var(--color-role-success-on);
  --color-alert-filled-success-default-text: var(--color-role-success-on);
  --color-alert-filled-warning-default-background: var(--color-role-warning-main);
  --color-alert-filled-warning-default-border: var(--color-role-warning-main);
  --color-alert-filled-warning-default-icon: var(--color-role-warning-on);
  --color-alert-filled-warning-default-title: var(--color-role-warning-on);
  --color-alert-filled-warning-default-text: var(--color-role-warning-on);
  --color-alert-filled-danger-default-background: var(--color-role-danger-main);
  --color-alert-filled-danger-default-border: var(--color-role-danger-main);
  --color-alert-filled-danger-default-icon: var(--color-role-danger-on);
  --color-alert-filled-danger-default-title: var(--color-role-danger-on);
  --color-alert-filled-danger-default-text: var(--color-role-danger-on);
  --color-alert-filled-info-default-background: var(--color-role-info-main);
  --color-alert-filled-info-default-border: var(--color-role-info-main);
  --color-alert-filled-info-default-icon: var(--color-role-info-on);
  --color-alert-filled-info-default-title: var(--color-role-info-on);
  --color-alert-filled-info-default-text: var(--color-role-info-on);
  --color-badge-filled-primary-default-background: var(--color-role-primary-main);
  --color-badge-filled-primary-default-text: var(--color-role-primary-on);
  --color-badge-filled-primary-default-border: var(--color-role-primary-main);
  --color-badge-filled-neutral-default-background: var(--color-role-neutral-main);
  --color-badge-filled-neutral-default-text: var(--color-role-neutral-on);
  --color-badge-filled-neutral-default-border: var(--color-role-neutral-main);
  --color-badge-filled-success-default-background: var(--color-role-success-main);
  --color-badge-filled-success-default-text: var(--color-role-success-on);
  --color-badge-filled-success-default-border: var(--color-role-success-main);
  --color-badge-filled-warning-default-background: var(--color-role-warning-main);
  --color-badge-filled-warning-default-text: var(--color-role-warning-on);
  --color-badge-filled-warning-default-border: var(--color-role-warning-main);
  --color-badge-filled-danger-default-background: var(--color-role-danger-main);
  --color-badge-filled-danger-default-text: var(--color-role-danger-on);
  --color-badge-filled-danger-default-border: var(--color-role-danger-main);
  --color-badge-filled-info-default-background: var(--color-role-info-main);
  --color-badge-filled-info-default-text: var(--color-role-info-on);
  --color-badge-filled-info-default-border: var(--color-role-info-main);
  --color-badge-subtle-primary-default-background: var(--color-role-primary-subtle);
  --color-badge-subtle-primary-default-text: var(--color-role-primary-text);
  --color-badge-subtle-primary-default-border: var(--color-border-transparent);
  --color-badge-subtle-neutral-default-background: var(--color-role-neutral-subtle);
  --color-badge-subtle-neutral-default-text: var(--color-role-neutral-text);
  --color-badge-subtle-neutral-default-border: var(--color-border-transparent);
  --color-badge-subtle-success-default-background: var(--color-role-success-subtle);
  --color-badge-subtle-success-default-text: var(--color-role-success-text);
  --color-badge-subtle-success-default-border: var(--color-border-transparent);
  --color-badge-subtle-warning-default-background: var(--color-role-warning-subtle);
  --color-badge-subtle-warning-default-text: var(--color-role-warning-text);
  --color-badge-subtle-warning-default-border: var(--color-border-transparent);
  --color-badge-subtle-danger-default-background: var(--color-role-danger-subtle);
  --color-badge-subtle-danger-default-text: var(--color-role-danger-text);
  --color-badge-subtle-danger-default-border: var(--color-border-transparent);
  --color-badge-subtle-info-default-background: var(--color-role-info-subtle);
  --color-badge-subtle-info-default-text: var(--color-role-info-text);
  --color-badge-subtle-info-default-border: var(--color-border-transparent);
  --color-badge-outlined-primary-default-background: var(--color-surface-transparent);
  --color-badge-outlined-primary-default-text: var(--color-role-primary-text);
  --color-badge-outlined-primary-default-border: var(--color-role-primary-border);
  --color-badge-outlined-neutral-default-background: var(--color-surface-transparent);
  --color-badge-outlined-neutral-default-text: var(--color-role-neutral-text);
  --color-badge-outlined-neutral-default-border: var(--color-role-neutral-border);
  --color-badge-outlined-success-default-background: var(--color-surface-transparent);
  --color-badge-outlined-success-default-text: var(--color-role-success-text);
  --color-badge-outlined-success-default-border: var(--color-role-success-border);
  --color-badge-outlined-warning-default-background: var(--color-surface-transparent);
  --color-badge-outlined-warning-default-text: var(--color-role-warning-text);
  --color-badge-outlined-warning-default-border: var(--color-role-warning-border);
  --color-badge-outlined-danger-default-background: var(--color-surface-transparent);
  --color-badge-outlined-danger-default-text: var(--color-role-danger-text);
  --color-badge-outlined-danger-default-border: var(--color-role-danger-border);
  --color-badge-outlined-info-default-background: var(--color-surface-transparent);
  --color-badge-outlined-info-default-text: var(--color-role-info-text);
  --color-badge-outlined-info-default-border: var(--color-role-info-border);
  --color-button-filled-primary-default-background: var(--color-role-primary-main);
  --color-button-filled-primary-default-text: var(--color-role-primary-on);
  --color-button-filled-primary-default-border: var(--color-role-primary-main);
  --color-button-filled-primary-hover-background: var(--color-role-primary-hover);
  --color-button-filled-primary-hover-text: var(--color-role-primary-on);
  --color-button-filled-primary-hover-border: var(--color-role-primary-hover);
  --color-button-filled-primary-active-background: var(--color-role-primary-active);
  --color-button-filled-primary-active-text: var(--color-role-primary-on);
  --color-button-filled-primary-active-border: var(--color-role-primary-active);
  --color-button-filled-primary-disabled-background: var(--color-surface-disabled);
  --color-button-filled-primary-disabled-text: var(--color-text-disabled);
  --color-button-filled-primary-disabled-border: var(--color-border-disabled);
  --color-button-filled-neutral-default-background: var(--color-role-neutral-main);
  --color-button-filled-neutral-default-text: var(--color-role-neutral-on);
  --color-button-filled-neutral-default-border: var(--color-role-neutral-main);
  --color-button-filled-neutral-hover-background: var(--color-role-neutral-hover);
  --color-button-filled-neutral-hover-text: var(--color-role-neutral-on);
  --color-button-filled-neutral-hover-border: var(--color-role-neutral-hover);
  --color-button-filled-neutral-active-background: var(--color-role-neutral-active);
  --color-button-filled-neutral-active-text: var(--color-role-neutral-on);
  --color-button-filled-neutral-active-border: var(--color-role-neutral-active);
  --color-button-filled-neutral-disabled-background: var(--color-surface-disabled);
  --color-button-filled-neutral-disabled-text: var(--color-text-disabled);
  --color-button-filled-neutral-disabled-border: var(--color-border-disabled);
  --color-button-filled-success-default-background: var(--color-role-success-main);
  --color-button-filled-success-default-text: var(--color-role-success-on);
  --color-button-filled-success-default-border: var(--color-role-success-main);
  --color-button-filled-success-hover-background: var(--color-role-success-hover);
  --color-button-filled-success-hover-text: var(--color-role-success-on);
  --color-button-filled-success-hover-border: var(--color-role-success-hover);
  --color-button-filled-success-active-background: var(--color-role-success-active);
  --color-button-filled-success-active-text: var(--color-role-success-on);
  --color-button-filled-success-active-border: var(--color-role-success-active);
  --color-button-filled-success-disabled-background: var(--color-surface-disabled);
  --color-button-filled-success-disabled-text: var(--color-text-disabled);
  --color-button-filled-success-disabled-border: var(--color-border-disabled);
  --color-button-filled-warning-default-background: var(--color-role-warning-main);
  --color-button-filled-warning-default-text: var(--color-role-warning-on);
  --color-button-filled-warning-default-border: var(--color-role-warning-main);
  --color-button-filled-warning-hover-background: var(--color-role-warning-hover);
  --color-button-filled-warning-hover-text: var(--color-role-warning-on);
  --color-button-filled-warning-hover-border: var(--color-role-warning-hover);
  --color-button-filled-warning-active-background: var(--color-role-warning-active);
  --color-button-filled-warning-active-text: var(--color-role-warning-on);
  --color-button-filled-warning-active-border: var(--color-role-warning-active);
  --color-button-filled-warning-disabled-background: var(--color-surface-disabled);
  --color-button-filled-warning-disabled-text: var(--color-text-disabled);
  --color-button-filled-warning-disabled-border: var(--color-border-disabled);
  --color-button-filled-danger-default-background: var(--color-role-danger-main);
  --color-button-filled-danger-default-text: var(--color-role-danger-on);
  --color-button-filled-danger-default-border: var(--color-role-danger-main);
  --color-button-filled-danger-hover-background: var(--color-role-danger-hover);
  --color-button-filled-danger-hover-text: var(--color-role-danger-on);
  --color-button-filled-danger-hover-border: var(--color-role-danger-hover);
  --color-button-filled-danger-active-background: var(--color-role-danger-active);
  --color-button-filled-danger-active-text: var(--color-role-danger-on);
  --color-button-filled-danger-active-border: var(--color-role-danger-active);
  --color-button-filled-danger-disabled-background: var(--color-surface-disabled);
  --color-button-filled-danger-disabled-text: var(--color-text-disabled);
  --color-button-filled-danger-disabled-border: var(--color-border-disabled);
  --color-button-filled-info-default-background: var(--color-role-info-main);
  --color-button-filled-info-default-text: var(--color-role-info-on);
  --color-button-filled-info-default-border: var(--color-role-info-main);
  --color-button-filled-info-hover-background: var(--color-role-info-hover);
  --color-button-filled-info-hover-text: var(--color-role-info-on);
  --color-button-filled-info-hover-border: var(--color-role-info-hover);
  --color-button-filled-info-active-background: var(--color-role-info-active);
  --color-button-filled-info-active-text: var(--color-role-info-on);
  --color-button-filled-info-active-border: var(--color-role-info-active);
  --color-button-filled-info-disabled-background: var(--color-surface-disabled);
  --color-button-filled-info-disabled-text: var(--color-text-disabled);
  --color-button-filled-info-disabled-border: var(--color-border-disabled);
  --color-button-outlined-primary-default-background: var(--color-surface-transparent);
  --color-button-outlined-primary-default-text: var(--color-role-primary-text);
  --color-button-outlined-primary-default-border: var(--color-role-primary-border);
  --color-button-outlined-primary-hover-background: var(--color-role-primary-tint);
  --color-button-outlined-primary-hover-text: var(--color-role-primary-text);
  --color-button-outlined-primary-hover-border: var(--color-role-primary-main);
  --color-button-outlined-primary-active-background: var(--color-role-primary-tint-strong);
  --color-button-outlined-primary-active-text: var(--color-role-primary-text);
  --color-button-outlined-primary-active-border: var(--color-role-primary-main);
  --color-button-outlined-primary-disabled-background: var(--color-surface-transparent);
  --color-button-outlined-primary-disabled-text: var(--color-text-disabled);
  --color-button-outlined-primary-disabled-border: var(--color-border-disabled);
  --color-button-outlined-neutral-default-background: var(--color-surface-transparent);
  --color-button-outlined-neutral-default-text: var(--color-role-neutral-text);
  --color-button-outlined-neutral-default-border: var(--color-role-neutral-border);
  --color-button-outlined-neutral-hover-background: var(--color-role-neutral-tint);
  --color-button-outlined-neutral-hover-text: var(--color-role-neutral-text);
  --color-button-outlined-neutral-hover-border: var(--color-role-neutral-main);
  --color-button-outlined-neutral-active-background: var(--color-role-neutral-tint-strong);
  --color-button-outlined-neutral-active-text: var(--color-role-neutral-text);
  --color-button-outlined-neutral-active-border: var(--color-role-neutral-main);
  --color-button-outlined-neutral-disabled-background: var(--color-surface-transparent);
  --color-button-outlined-neutral-disabled-text: var(--color-text-disabled);
  --color-button-outlined-neutral-disabled-border: var(--color-border-disabled);
  --color-button-outlined-success-default-background: var(--color-surface-transparent);
  --color-button-outlined-success-default-text: var(--color-role-success-text);
  --color-button-outlined-success-default-border: var(--color-role-success-border);
  --color-button-outlined-success-hover-background: var(--color-role-success-tint);
  --color-button-outlined-success-hover-text: var(--color-role-success-text);
  --color-button-outlined-success-hover-border: var(--color-role-success-main);
  --color-button-outlined-success-active-background: var(--color-role-success-tint-strong);
  --color-button-outlined-success-active-text: var(--color-role-success-text);
  --color-button-outlined-success-active-border: var(--color-role-success-main);
  --color-button-outlined-success-disabled-background: var(--color-surface-transparent);
  --color-button-outlined-success-disabled-text: var(--color-text-disabled);
  --color-button-outlined-success-disabled-border: var(--color-border-disabled);
  --color-button-outlined-warning-default-background: var(--color-surface-transparent);
  --color-button-outlined-warning-default-text: var(--color-role-warning-text);
  --color-button-outlined-warning-default-border: var(--color-role-warning-border);
  --color-button-outlined-warning-hover-background: var(--color-role-warning-tint);
  --color-button-outlined-warning-hover-text: var(--color-role-warning-text);
  --color-button-outlined-warning-hover-border: var(--color-role-warning-main);
  --color-button-outlined-warning-active-background: var(--color-role-warning-tint-strong);
  --color-button-outlined-warning-active-text: var(--color-role-warning-text);
  --color-button-outlined-warning-active-border: var(--color-role-warning-main);
  --color-button-outlined-warning-disabled-background: var(--color-surface-transparent);
  --color-button-outlined-warning-disabled-text: var(--color-text-disabled);
  --color-button-outlined-warning-disabled-border: var(--color-border-disabled);
  --color-button-outlined-danger-default-background: var(--color-surface-transparent);
  --color-button-outlined-danger-default-text: var(--color-role-danger-text);
  --color-button-outlined-danger-default-border: var(--color-role-danger-border);
  --color-button-outlined-danger-hover-background: var(--color-role-danger-tint);
  --color-button-outlined-danger-hover-text: var(--color-role-danger-text);
  --color-button-outlined-danger-hover-border: var(--color-role-danger-main);
  --color-button-outlined-danger-active-background: var(--color-role-danger-tint-strong);
  --color-button-outlined-danger-active-text: var(--color-role-danger-text);
  --color-button-outlined-danger-active-border: var(--color-role-danger-main);
  --color-button-outlined-danger-disabled-background: var(--color-surface-transparent);
  --color-button-outlined-danger-disabled-text: var(--color-text-disabled);
  --color-button-outlined-danger-disabled-border: var(--color-border-disabled);
  --color-button-outlined-info-default-background: var(--color-surface-transparent);
  --color-button-outlined-info-default-text: var(--color-role-info-text);
  --color-button-outlined-info-default-border: var(--color-role-info-border);
  --color-button-outlined-info-hover-background: var(--color-role-info-tint);
  --color-button-outlined-info-hover-text: var(--color-role-info-text);
  --color-button-outlined-info-hover-border: var(--color-role-info-main);
  --color-button-outlined-info-active-background: var(--color-role-info-tint-strong);
  --color-button-outlined-info-active-text: var(--color-role-info-text);
  --color-button-outlined-info-active-border: var(--color-role-info-main);
  --color-button-outlined-info-disabled-background: var(--color-surface-transparent);
  --color-button-outlined-info-disabled-text: var(--color-text-disabled);
  --color-button-outlined-info-disabled-border: var(--color-border-disabled);
  --color-button-ghost-primary-default-background: var(--color-surface-transparent);
  --color-button-ghost-primary-default-text: var(--color-role-primary-text);
  --color-button-ghost-primary-default-border: var(--color-border-transparent);
  --color-button-ghost-primary-hover-background: var(--color-role-primary-tint);
  --color-button-ghost-primary-hover-text: var(--color-role-primary-text);
  --color-button-ghost-primary-hover-border: var(--color-border-transparent);
  --color-button-ghost-primary-active-background: var(--color-role-primary-tint-strong);
  --color-button-ghost-primary-active-text: var(--color-role-primary-text);
  --color-button-ghost-primary-active-border: var(--color-border-transparent);
  --color-button-ghost-primary-disabled-background: var(--color-surface-transparent);
  --color-button-ghost-primary-disabled-text: var(--color-text-disabled);
  --color-button-ghost-primary-disabled-border: var(--color-border-transparent);
  --color-button-ghost-neutral-default-background: var(--color-surface-transparent);
  --color-button-ghost-neutral-default-text: var(--color-role-neutral-text);
  --color-button-ghost-neutral-default-border: var(--color-border-transparent);
  --color-button-ghost-neutral-hover-background: var(--color-role-neutral-tint);
  --color-button-ghost-neutral-hover-text: var(--color-role-neutral-text);
  --color-button-ghost-neutral-hover-border: var(--color-border-transparent);
  --color-button-ghost-neutral-active-background: var(--color-role-neutral-tint-strong);
  --color-button-ghost-neutral-active-text: var(--color-role-neutral-text);
  --color-button-ghost-neutral-active-border: var(--color-border-transparent);
  --color-button-ghost-neutral-disabled-background: var(--color-surface-transparent);
  --color-button-ghost-neutral-disabled-text: var(--color-text-disabled);
  --color-button-ghost-neutral-disabled-border: var(--color-border-transparent);
  --color-button-ghost-success-default-background: var(--color-surface-transparent);
  --color-button-ghost-success-default-text: var(--color-role-success-text);
  --color-button-ghost-success-default-border: var(--color-border-transparent);
  --color-button-ghost-success-hover-background: var(--color-role-success-tint);
  --color-button-ghost-success-hover-text: var(--color-role-success-text);
  --color-button-ghost-success-hover-border: var(--color-border-transparent);
  --color-button-ghost-success-active-background: var(--color-role-success-tint-strong);
  --color-button-ghost-success-active-text: var(--color-role-success-text);
  --color-button-ghost-success-active-border: var(--color-border-transparent);
  --color-button-ghost-success-disabled-background: var(--color-surface-transparent);
  --color-button-ghost-success-disabled-text: var(--color-text-disabled);
  --color-button-ghost-success-disabled-border: var(--color-border-transparent);
  --color-button-ghost-warning-default-background: var(--color-surface-transparent);
  --color-button-ghost-warning-default-text: var(--color-role-warning-text);
  --color-button-ghost-warning-default-border: var(--color-border-transparent);
  --color-button-ghost-warning-hover-background: var(--color-role-warning-tint);
  --color-button-ghost-warning-hover-text: var(--color-role-warning-text);
  --color-button-ghost-warning-hover-border: var(--color-border-transparent);
  --color-button-ghost-warning-active-background: var(--color-role-warning-tint-strong);
  --color-button-ghost-warning-active-text: var(--color-role-warning-text);
  --color-button-ghost-warning-active-border: var(--color-border-transparent);
  --color-button-ghost-warning-disabled-background: var(--color-surface-transparent);
  --color-button-ghost-warning-disabled-text: var(--color-text-disabled);
  --color-button-ghost-warning-disabled-border: var(--color-border-transparent);
  --color-button-ghost-danger-default-background: var(--color-surface-transparent);
  --color-button-ghost-danger-default-text: var(--color-role-danger-text);
  --color-button-ghost-danger-default-border: var(--color-border-transparent);
  --color-button-ghost-danger-hover-background: var(--color-role-danger-tint);
  --color-button-ghost-danger-hover-text: var(--color-role-danger-text);
  --color-button-ghost-danger-hover-border: var(--color-border-transparent);
  --color-button-ghost-danger-active-background: var(--color-role-danger-tint-strong);
  --color-button-ghost-danger-active-text: var(--color-role-danger-text);
  --color-button-ghost-danger-active-border: var(--color-border-transparent);
  --color-button-ghost-danger-disabled-background: var(--color-surface-transparent);
  --color-button-ghost-danger-disabled-text: var(--color-text-disabled);
  --color-button-ghost-danger-disabled-border: var(--color-border-transparent);
  --color-button-ghost-info-default-background: var(--color-surface-transparent);
  --color-button-ghost-info-default-text: var(--color-role-info-text);
  --color-button-ghost-info-default-border: var(--color-border-transparent);
  --color-button-ghost-info-hover-background: var(--color-role-info-tint);
  --color-button-ghost-info-hover-text: var(--color-role-info-text);
  --color-button-ghost-info-hover-border: var(--color-border-transparent);
  --color-button-ghost-info-active-background: var(--color-role-info-tint-strong);
  --color-button-ghost-info-active-text: var(--color-role-info-text);
  --color-button-ghost-info-active-border: var(--color-border-transparent);
  --color-button-ghost-info-disabled-background: var(--color-surface-transparent);
  --color-button-ghost-info-disabled-text: var(--color-text-disabled);
  --color-button-ghost-info-disabled-border: var(--color-border-transparent);
  --color-card-default-background: var(--color-surface-raised);
  --color-card-default-border: var(--color-border-default);
  --color-card-hover-background: var(--color-surface-raised);
  --color-card-hover-border: var(--color-border-strong);
  --color-card-selected-background: var(--color-surface-raised);
  --color-card-selected-border: var(--color-role-primary-main);
  --color-checkbox-unchecked-background: var(--color-surface-base);
  --color-checkbox-unchecked-border: var(--color-border-strong);
  --color-checkbox-unchecked-mark: var(--color-surface-transparent);
  --color-checkbox-unchecked-hover-background: var(--color-role-primary-tint);
  --color-checkbox-unchecked-hover-border: var(--color-role-primary-main);
  --color-checkbox-unchecked-hover-mark: var(--color-surface-transparent);
  --color-checkbox-checked-background: var(--color-role-primary-main);
  --color-checkbox-checked-border: var(--color-role-primary-main);
  --color-checkbox-checked-mark: var(--color-role-primary-on);
  --color-checkbox-checked-hover-background: var(--color-role-primary-hover);
  --color-checkbox-checked-hover-border: var(--color-role-primary-hover);
  --color-checkbox-checked-hover-mark: var(--color-role-primary-on);
  --color-checkbox-indeterminate-background: var(--color-role-primary-main);
  --color-checkbox-indeterminate-border: var(--color-role-primary-main);
  --color-checkbox-indeterminate-mark: var(--color-role-primary-on);
  --color-checkbox-error-background: var(--color-surface-base);
  --color-checkbox-error-border: var(--color-role-danger-main);
  --color-checkbox-error-mark: var(--color-surface-transparent);
  --color-checkbox-error-hover-background: var(--color-role-danger-tint);
  --color-checkbox-error-hover-border: var(--color-role-danger-main);
  --color-checkbox-error-hover-mark: var(--color-surface-transparent);
  --color-checkbox-disabled-background: var(--color-surface-disabled);
  --color-checkbox-disabled-border: var(--color-border-disabled);
  --color-checkbox-disabled-mark: var(--color-surface-transparent);
  --color-checkbox-disabled-checked-background: var(--color-surface-disabled);
  --color-checkbox-disabled-checked-border: var(--color-border-disabled);
  --color-checkbox-disabled-checked-mark: var(--color-text-disabled);
  --color-input-default-background: var(--color-surface-base);
  --color-input-default-text: var(--color-text-body);
  --color-input-default-border: var(--color-border-default);
  --color-input-default-placeholder: var(--color-text-muted);
  --color-input-hover-background: var(--color-surface-base);
  --color-input-hover-text: var(--color-text-body);
  --color-input-hover-border: var(--color-border-strong);
  --color-input-hover-placeholder: var(--color-text-muted);
  --color-input-focus-background: var(--color-surface-base);
  --color-input-focus-text: var(--color-text-body);
  --color-input-focus-border: var(--color-role-primary-main);
  --color-input-focus-placeholder: var(--color-text-muted);
  --color-input-disabled-background: var(--color-surface-disabled);
  --color-input-disabled-text: var(--color-text-disabled);
  --color-input-disabled-border: var(--color-border-disabled);
  --color-input-disabled-placeholder: var(--color-text-disabled);
  --color-input-error-background: var(--color-surface-base);
  --color-input-error-text: var(--color-text-body);
  --color-input-error-border: var(--color-role-danger-main);
  --color-input-error-placeholder: var(--color-text-muted);
  --color-link-default-primary-default-text: var(--color-role-primary-text);
  --color-link-default-primary-hover-text: var(--color-role-primary-active);
  --color-link-default-primary-disabled-text: var(--color-text-disabled);
  --color-link-default-neutral-default-text: var(--color-role-neutral-text);
  --color-link-default-neutral-hover-text: var(--color-role-neutral-active);
  --color-link-default-neutral-disabled-text: var(--color-text-disabled);
  --color-link-default-success-default-text: var(--color-role-success-text);
  --color-link-default-success-hover-text: var(--color-role-success-active);
  --color-link-default-success-disabled-text: var(--color-text-disabled);
  --color-link-default-warning-default-text: var(--color-role-warning-text);
  --color-link-default-warning-hover-text: var(--color-role-warning-active);
  --color-link-default-warning-disabled-text: var(--color-text-disabled);
  --color-link-default-danger-default-text: var(--color-role-danger-text);
  --color-link-default-danger-hover-text: var(--color-role-danger-active);
  --color-link-default-danger-disabled-text: var(--color-text-disabled);
  --color-link-default-info-default-text: var(--color-role-info-text);
  --color-link-default-info-hover-text: var(--color-role-info-active);
  --color-link-default-info-disabled-text: var(--color-text-disabled);
  --color-menu-default-background: var(--color-surface-overlay);
  --color-menu-default-border: var(--color-border-default);
  --color-menu-item-default-background: var(--color-surface-transparent);
  --color-menu-item-default-text: var(--color-text-body);
  --color-menu-item-hover-background: var(--color-state-hover);
  --color-menu-item-hover-text: var(--color-text-body);
  --color-menu-item-active-background: var(--color-state-active);
  --color-menu-item-active-text: var(--color-text-body);
  --color-menu-item-selected-background: var(--color-state-selected);
  --color-menu-item-selected-text: var(--color-role-primary-text);
  --color-menu-item-disabled-background: var(--color-surface-transparent);
  --color-menu-item-disabled-text: var(--color-text-disabled);
  --color-modal-default-background: var(--color-surface-overlay);
  --color-modal-default-border: var(--color-border-default);
  --color-modal-default-scrim: var(--color-scrim);
  --color-radio-unchecked-background: var(--color-surface-base);
  --color-radio-unchecked-border: var(--color-border-strong);
  --color-radio-unchecked-mark: var(--color-surface-transparent);
  --color-radio-unchecked-hover-background: var(--color-role-primary-tint);
  --color-radio-unchecked-hover-border: var(--color-role-primary-main);
  --color-radio-unchecked-hover-mark: var(--color-surface-transparent);
  --color-radio-checked-background: var(--color-role-primary-main);
  --color-radio-checked-border: var(--color-role-primary-main);
  --color-radio-checked-mark: var(--color-role-primary-on);
  --color-radio-checked-hover-background: var(--color-role-primary-hover);
  --color-radio-checked-hover-border: var(--color-role-primary-hover);
  --color-radio-checked-hover-mark: var(--color-role-primary-on);
  --color-radio-indeterminate-background: var(--color-role-primary-main);
  --color-radio-indeterminate-border: var(--color-role-primary-main);
  --color-radio-indeterminate-mark: var(--color-role-primary-on);
  --color-radio-error-background: var(--color-surface-base);
  --color-radio-error-border: var(--color-role-danger-main);
  --color-radio-error-mark: var(--color-surface-transparent);
  --color-radio-error-hover-background: var(--color-role-danger-tint);
  --color-radio-error-hover-border: var(--color-role-danger-main);
  --color-radio-error-hover-mark: var(--color-surface-transparent);
  --color-radio-disabled-background: var(--color-surface-disabled);
  --color-radio-disabled-border: var(--color-border-disabled);
  --color-radio-disabled-mark: var(--color-surface-transparent);
  --color-radio-disabled-checked-background: var(--color-surface-disabled);
  --color-radio-disabled-checked-border: var(--color-border-disabled);
  --color-radio-disabled-checked-mark: var(--color-text-disabled);
  --color-select-default-background: var(--color-surface-base);
  --color-select-default-text: var(--color-text-body);
  --color-select-default-border: var(--color-border-default);
  --color-select-default-placeholder: var(--color-text-muted);
  --color-select-default-icon: var(--color-text-muted);
  --color-select-hover-background: var(--color-surface-base);
  --color-select-hover-text: var(--color-text-body);
  --color-select-hover-border: var(--color-border-strong);
  --color-select-hover-placeholder: var(--color-text-muted);
  --color-select-hover-icon: var(--color-text-muted);
  --color-select-focus-background: var(--color-surface-base);
  --color-select-focus-text: var(--color-text-body);
  --color-select-focus-border: var(--color-role-primary-main);
  --color-select-focus-placeholder: var(--color-text-muted);
  --color-select-focus-icon: var(--color-text-muted);
  --color-select-disabled-background: var(--color-surface-disabled);
  --color-select-disabled-text: var(--color-text-disabled);
  --color-select-disabled-border: var(--color-border-disabled);
  --color-select-disabled-placeholder: var(--color-text-disabled);
  --color-select-disabled-icon: var(--color-text-disabled);
  --color-select-error-background: var(--color-surface-base);
  --color-select-error-text: var(--color-text-body);
  --color-select-error-border: var(--color-role-danger-main);
  --color-select-error-placeholder: var(--color-text-muted);
  --color-select-error-icon: var(--color-text-muted);
  --color-switch-off-track: var(--color-border-strong);
  --color-switch-off-thumb: var(--color-surface-base);
  --color-switch-off-border: var(--color-border-transparent);
  --color-switch-off-hover-track: var(--color-role-neutral-main);
  --color-switch-off-hover-thumb: var(--color-surface-base);
  --color-switch-off-hover-border: var(--color-border-transparent);
  --color-switch-on-track: var(--color-role-primary-main);
  --color-switch-on-thumb: var(--color-role-primary-on);
  --color-switch-on-border: var(--color-border-transparent);
  --color-switch-on-hover-track: var(--color-role-primary-hover);
  --color-switch-on-hover-thumb: var(--color-role-primary-on);
  --color-switch-on-hover-border: var(--color-border-transparent);
  --color-switch-error-track: var(--color-border-strong);
  --color-switch-error-thumb: var(--color-surface-base);
  --color-switch-error-border: var(--color-role-danger-main);
  --color-switch-error-hover-track: var(--color-role-neutral-main);
  --color-switch-error-hover-thumb: var(--color-surface-base);
  --color-switch-error-hover-border: var(--color-role-danger-main);
  --color-switch-disabled-off-track: var(--color-surface-disabled);
  --color-switch-disabled-off-thumb: var(--color-surface-base);
  --color-switch-disabled-off-border: var(--color-border-transparent);
  --color-switch-disabled-on-track: var(--color-surface-disabled);
  --color-switch-disabled-on-thumb: var(--color-surface-base);
  --color-switch-disabled-on-border: var(--color-border-transparent);
  --color-table-header-default-background: var(--color-surface-raised);
  --color-table-header-default-text: var(--color-text-muted);
  --color-table-header-default-border: var(--color-border-default);
  --color-table-row-default-background: var(--color-surface-transparent);
  --color-table-row-default-text: var(--color-text-body);
  --color-table-row-default-border: var(--color-border-divider);
  --color-table-row-hover-background: var(--color-state-hover);
  --color-table-row-hover-text: var(--color-text-body);
  --color-table-row-hover-border: var(--color-border-divider);
  --color-table-row-selected-background: var(--color-state-selected);
  --color-table-row-selected-text: var(--color-text-body);
  --color-table-row-selected-border: var(--color-border-divider);
  --color-table-row-disabled-background: var(--color-surface-transparent);
  --color-table-row-disabled-text: var(--color-text-disabled);
  --color-table-row-disabled-border: var(--color-border-divider);
  --color-tabs-default-background: var(--color-surface-transparent);
  --color-tabs-default-text: var(--color-text-muted);
  --color-tabs-default-indicator: var(--color-border-transparent);
  --color-tabs-hover-background: var(--color-state-hover);
  --color-tabs-hover-text: var(--color-text-body);
  --color-tabs-hover-indicator: var(--color-border-transparent);
  --color-tabs-selected-background: var(--color-surface-transparent);
  --color-tabs-selected-text: var(--color-role-primary-text);
  --color-tabs-selected-indicator: var(--color-role-primary-main);
  --color-tabs-disabled-background: var(--color-surface-transparent);
  --color-tabs-disabled-text: var(--color-text-disabled);
  --color-tabs-disabled-indicator: var(--color-border-transparent);
  --color-tag-filled-primary-default-background: var(--color-role-primary-main);
  --color-tag-filled-primary-default-text: var(--color-role-primary-on);
  --color-tag-filled-primary-default-border: var(--color-role-primary-main);
  --color-tag-filled-primary-hover-background: var(--color-role-primary-hover);
  --color-tag-filled-primary-hover-text: var(--color-role-primary-on);
  --color-tag-filled-primary-hover-border: var(--color-role-primary-hover);
  --color-tag-filled-primary-disabled-background: var(--color-surface-disabled);
  --color-tag-filled-primary-disabled-text: var(--color-text-disabled);
  --color-tag-filled-primary-disabled-border: var(--color-border-disabled);
  --color-tag-filled-neutral-default-background: var(--color-role-neutral-main);
  --color-tag-filled-neutral-default-text: var(--color-role-neutral-on);
  --color-tag-filled-neutral-default-border: var(--color-role-neutral-main);
  --color-tag-filled-neutral-hover-background: var(--color-role-neutral-hover);
  --color-tag-filled-neutral-hover-text: var(--color-role-neutral-on);
  --color-tag-filled-neutral-hover-border: var(--color-role-neutral-hover);
  --color-tag-filled-neutral-disabled-background: var(--color-surface-disabled);
  --color-tag-filled-neutral-disabled-text: var(--color-text-disabled);
  --color-tag-filled-neutral-disabled-border: var(--color-border-disabled);
  --color-tag-filled-success-default-background: var(--color-role-success-main);
  --color-tag-filled-success-default-text: var(--color-role-success-on);
  --color-tag-filled-success-default-border: var(--color-role-success-main);
  --color-tag-filled-success-hover-background: var(--color-role-success-hover);
  --color-tag-filled-success-hover-text: var(--color-role-success-on);
  --color-tag-filled-success-hover-border: var(--color-role-success-hover);
  --color-tag-filled-success-disabled-background: var(--color-surface-disabled);
  --color-tag-filled-success-disabled-text: var(--color-text-disabled);
  --color-tag-filled-success-disabled-border: var(--color-border-disabled);
  --color-tag-filled-warning-default-background: var(--color-role-warning-main);
  --color-tag-filled-warning-default-text: var(--color-role-warning-on);
  --color-tag-filled-warning-default-border: var(--color-role-warning-main);
  --color-tag-filled-warning-hover-background: var(--color-role-warning-hover);
  --color-tag-filled-warning-hover-text: var(--color-role-warning-on);
  --color-tag-filled-warning-hover-border: var(--color-role-warning-hover);
  --color-tag-filled-warning-disabled-background: var(--color-surface-disabled);
  --color-tag-filled-warning-disabled-text: var(--color-text-disabled);
  --color-tag-filled-warning-disabled-border: var(--color-border-disabled);
  --color-tag-filled-danger-default-background: var(--color-role-danger-main);
  --color-tag-filled-danger-default-text: var(--color-role-danger-on);
  --color-tag-filled-danger-default-border: var(--color-role-danger-main);
  --color-tag-filled-danger-hover-background: var(--color-role-danger-hover);
  --color-tag-filled-danger-hover-text: var(--color-role-danger-on);
  --color-tag-filled-danger-hover-border: var(--color-role-danger-hover);
  --color-tag-filled-danger-disabled-background: var(--color-surface-disabled);
  --color-tag-filled-danger-disabled-text: var(--color-text-disabled);
  --color-tag-filled-danger-disabled-border: var(--color-border-disabled);
  --color-tag-filled-info-default-background: var(--color-role-info-main);
  --color-tag-filled-info-default-text: var(--color-role-info-on);
  --color-tag-filled-info-default-border: var(--color-role-info-main);
  --color-tag-filled-info-hover-background: var(--color-role-info-hover);
  --color-tag-filled-info-hover-text: var(--color-role-info-on);
  --color-tag-filled-info-hover-border: var(--color-role-info-hover);
  --color-tag-filled-info-disabled-background: var(--color-surface-disabled);
  --color-tag-filled-info-disabled-text: var(--color-text-disabled);
  --color-tag-filled-info-disabled-border: var(--color-border-disabled);
  --color-tag-subtle-primary-default-background: var(--color-role-primary-subtle);
  --color-tag-subtle-primary-default-text: var(--color-role-primary-text);
  --color-tag-subtle-primary-default-border: var(--color-border-transparent);
  --color-tag-subtle-primary-hover-background: var(--color-role-primary-tint-strong);
  --color-tag-subtle-primary-hover-text: var(--color-role-primary-text);
  --color-tag-subtle-primary-hover-border: var(--color-border-transparent);
  --color-tag-subtle-primary-disabled-background: var(--color-surface-disabled);
  --color-tag-subtle-primary-disabled-text: var(--color-text-disabled);
  --color-tag-subtle-primary-disabled-border: var(--color-border-transparent);
  --color-tag-subtle-neutral-default-background: var(--color-role-neutral-subtle);
  --color-tag-subtle-neutral-default-text: var(--color-role-neutral-text);
  --color-tag-subtle-neutral-default-border: var(--color-border-transparent);
  --color-tag-subtle-neutral-hover-background: var(--color-role-neutral-tint-strong);
  --color-tag-subtle-neutral-hover-text: var(--color-role-neutral-text);
  --color-tag-subtle-neutral-hover-border: var(--color-border-transparent);
  --color-tag-subtle-neutral-disabled-background: var(--color-surface-disabled);
  --color-tag-subtle-neutral-disabled-text: var(--color-text-disabled);
  --color-tag-subtle-neutral-disabled-border: var(--color-border-transparent);
  --color-tag-subtle-success-default-background: var(--color-role-success-subtle);
  --color-tag-subtle-success-default-text: var(--color-role-success-text);
  --color-tag-subtle-success-default-border: var(--color-border-transparent);
  --color-tag-subtle-success-hover-background: var(--color-role-success-tint-strong);
  --color-tag-subtle-success-hover-text: var(--color-role-success-text);
  --color-tag-subtle-success-hover-border: var(--color-border-transparent);
  --color-tag-subtle-success-disabled-background: var(--color-surface-disabled);
  --color-tag-subtle-success-disabled-text: var(--color-text-disabled);
  --color-tag-subtle-success-disabled-border: var(--color-border-transparent);
  --color-tag-subtle-warning-default-background: var(--color-role-warning-subtle);
  --color-tag-subtle-warning-default-text: var(--color-role-warning-text);
  --color-tag-subtle-warning-default-border: var(--color-border-transparent);
  --color-tag-subtle-warning-hover-background: var(--color-role-warning-tint-strong);
  --color-tag-subtle-warning-hover-text: var(--color-role-warning-text);
  --color-tag-subtle-warning-hover-border: var(--color-border-transparent);
  --color-tag-subtle-warning-disabled-background: var(--color-surface-disabled);
  --color-tag-subtle-warning-disabled-text: var(--color-text-disabled);
  --color-tag-subtle-warning-disabled-border: var(--color-border-transparent);
  --color-tag-subtle-danger-default-background: var(--color-role-danger-subtle);
  --color-tag-subtle-danger-default-text: var(--color-role-danger-text);
  --color-tag-subtle-danger-default-border: var(--color-border-transparent);
  --color-tag-subtle-danger-hover-background: var(--color-role-danger-tint-strong);
  --color-tag-subtle-danger-hover-text: var(--color-role-danger-text);
  --color-tag-subtle-danger-hover-border: var(--color-border-transparent);
  --color-tag-subtle-danger-disabled-background: var(--color-surface-disabled);
  --color-tag-subtle-danger-disabled-text: var(--color-text-disabled);
  --color-tag-subtle-danger-disabled-border: var(--color-border-transparent);
  --color-tag-subtle-info-default-background: var(--color-role-info-subtle);
  --color-tag-subtle-info-default-text: var(--color-role-info-text);
  --color-tag-subtle-info-default-border: var(--color-border-transparent);
  --color-tag-subtle-info-hover-background: var(--color-role-info-tint-strong);
  --color-tag-subtle-info-hover-text: var(--color-role-info-text);
  --color-tag-subtle-info-hover-border: var(--color-border-transparent);
  --color-tag-subtle-info-disabled-background: var(--color-surface-disabled);
  --color-tag-subtle-info-disabled-text: var(--color-text-disabled);
  --color-tag-subtle-info-disabled-border: var(--color-border-transparent);
  --color-tag-outlined-primary-default-background: var(--color-surface-transparent);
  --color-tag-outlined-primary-default-text: var(--color-role-primary-text);
  --color-tag-outlined-primary-default-border: var(--color-role-primary-border);
  --color-tag-outlined-primary-hover-background: var(--color-role-primary-tint);
  --color-tag-outlined-primary-hover-text: var(--color-role-primary-text);
  --color-tag-outlined-primary-hover-border: var(--color-role-primary-main);
  --color-tag-outlined-primary-disabled-background: var(--color-surface-transparent);
  --color-tag-outlined-primary-disabled-text: var(--color-text-disabled);
  --color-tag-outlined-primary-disabled-border: var(--color-border-disabled);
  --color-tag-outlined-neutral-default-background: var(--color-surface-transparent);
  --color-tag-outlined-neutral-default-text: var(--color-role-neutral-text);
  --color-tag-outlined-neutral-default-border: var(--color-role-neutral-border);
  --color-tag-outlined-neutral-hover-background: var(--color-role-neutral-tint);
  --color-tag-outlined-neutral-hover-text: var(--color-role-neutral-text);
  --color-tag-outlined-neutral-hover-border: var(--color-role-neutral-main);
  --color-tag-outlined-neutral-disabled-background: var(--color-surface-transparent);
  --color-tag-outlined-neutral-disabled-text: var(--color-text-disabled);
  --color-tag-outlined-neutral-disabled-border: var(--color-border-disabled);
  --color-tag-outlined-success-default-background: var(--color-surface-transparent);
  --color-tag-outlined-success-default-text: var(--color-role-success-text);
  --color-tag-outlined-success-default-border: var(--color-role-success-border);
  --color-tag-outlined-success-hover-background: var(--color-role-success-tint);
  --color-tag-outlined-success-hover-text: var(--color-role-success-text);
  --color-tag-outlined-success-hover-border: var(--color-role-success-main);
  --color-tag-outlined-success-disabled-background: var(--color-surface-transparent);
  --color-tag-outlined-success-disabled-text: var(--color-text-disabled);
  --color-tag-outlined-success-disabled-border: var(--color-border-disabled);
  --color-tag-outlined-warning-default-background: var(--color-surface-transparent);
  --color-tag-outlined-warning-default-text: var(--color-role-warning-text);
  --color-tag-outlined-warning-default-border: var(--color-role-warning-border);
  --color-tag-outlined-warning-hover-background: var(--color-role-warning-tint);
  --color-tag-outlined-warning-hover-text: var(--color-role-warning-text);
  --color-tag-outlined-warning-hover-border: var(--color-role-warning-main);
  --color-tag-outlined-warning-disabled-background: var(--color-surface-transparent);
  --color-tag-outlined-warning-disabled-text: var(--color-text-disabled);
  --color-tag-outlined-warning-disabled-border: var(--color-border-disabled);
  --color-tag-outlined-danger-default-background: var(--color-surface-transparent);
  --color-tag-outlined-danger-default-text: var(--color-role-danger-text);
  --color-tag-outlined-danger-default-border: var(--color-role-danger-border);
  --color-tag-outlined-danger-hover-background: var(--color-role-danger-tint);
  --color-tag-outlined-danger-hover-text: var(--color-role-danger-text);
  --color-tag-outlined-danger-hover-border: var(--color-role-danger-main);
  --color-tag-outlined-danger-disabled-background: var(--color-surface-transparent);
  --color-tag-outlined-danger-disabled-text: var(--color-text-disabled);
  --color-tag-outlined-danger-disabled-border: var(--color-border-disabled);
  --color-tag-outlined-info-default-background: var(--color-surface-transparent);
  --color-tag-outlined-info-default-text: var(--color-role-info-text);
  --color-tag-outlined-info-default-border: var(--color-role-info-border);
  --color-tag-outlined-info-hover-background: var(--color-role-info-tint);
  --color-tag-outlined-info-hover-text: var(--color-role-info-text);
  --color-tag-outlined-info-hover-border: var(--color-role-info-main);
  --color-tag-outlined-info-disabled-background: var(--color-surface-transparent);
  --color-tag-outlined-info-disabled-text: var(--color-text-disabled);
  --color-tag-outlined-info-disabled-border: var(--color-border-disabled);
  --color-textarea-default-background: var(--color-surface-base);
  --color-textarea-default-text: var(--color-text-body);
  --color-textarea-default-border: var(--color-border-default);
  --color-textarea-default-placeholder: var(--color-text-muted);
  --color-textarea-hover-background: var(--color-surface-base);
  --color-textarea-hover-text: var(--color-text-body);
  --color-textarea-hover-border: var(--color-border-strong);
  --color-textarea-hover-placeholder: var(--color-text-muted);
  --color-textarea-focus-background: var(--color-surface-base);
  --color-textarea-focus-text: var(--color-text-body);
  --color-textarea-focus-border: var(--color-role-primary-main);
  --color-textarea-focus-placeholder: var(--color-text-muted);
  --color-textarea-disabled-background: var(--color-surface-disabled);
  --color-textarea-disabled-text: var(--color-text-disabled);
  --color-textarea-disabled-border: var(--color-border-disabled);
  --color-textarea-disabled-placeholder: var(--color-text-disabled);
  --color-textarea-error-background: var(--color-surface-base);
  --color-textarea-error-text: var(--color-text-body);
  --color-textarea-error-border: var(--color-role-danger-main);
  --color-textarea-error-placeholder: var(--color-text-muted);
  --color-tooltip-default-background: var(--color-surface-inverse);
  --color-tooltip-default-text: var(--color-text-inverse);
  --size-alert-icon: var(--glyph-size-md);
  --size-badge-sm-height: var(--control-height-xs);
  --size-badge-sm-icon: var(--glyph-size-xs);
  --size-badge-md-height: var(--control-height-sm);
  --size-badge-md-icon: var(--glyph-size-sm);
  --size-badge-lg-height: var(--control-height-md);
  --size-badge-lg-icon: var(--glyph-size-md);
  --size-button-sm-height: var(--control-height-sm);
  --size-button-sm-icon: var(--glyph-size-sm);
  --size-button-md-height: var(--control-height-md);
  --size-button-md-icon: var(--glyph-size-md);
  --size-button-lg-height: var(--control-height-lg);
  --size-button-lg-icon: var(--glyph-size-lg);
  --size-checkbox-sm-box: var(--glyph-size-sm);
  --size-checkbox-sm-icon: var(--glyph-size-xs);
  --size-checkbox-md-box: var(--glyph-size-md);
  --size-checkbox-md-icon: var(--glyph-size-sm);
  --size-checkbox-lg-box: var(--glyph-size-lg);
  --size-checkbox-lg-icon: var(--glyph-size-md);
  --size-input-sm-height: var(--control-height-sm);
  --size-input-sm-icon: var(--glyph-size-sm);
  --size-input-md-height: var(--control-height-md);
  --size-input-md-icon: var(--glyph-size-md);
  --size-input-lg-height: var(--control-height-lg);
  --size-input-lg-icon: var(--glyph-size-lg);
  --size-radio-sm-box: var(--glyph-size-sm);
  --size-radio-sm-icon: var(--glyph-size-xs);
  --size-radio-md-box: var(--glyph-size-md);
  --size-radio-md-icon: var(--glyph-size-sm);
  --size-radio-lg-box: var(--glyph-size-lg);
  --size-radio-lg-icon: var(--glyph-size-md);
  --size-select-sm-height: var(--control-height-sm);
  --size-select-sm-icon: var(--glyph-size-sm);
  --size-select-md-height: var(--control-height-md);
  --size-select-md-icon: var(--glyph-size-md);
  --size-select-lg-height: var(--control-height-lg);
  --size-select-lg-icon: var(--glyph-size-lg);
  --size-switch-sm-track-width: var(--track-width-sm);
  --size-switch-sm-track-height: var(--track-height-sm);
  --size-switch-sm-thumb: var(--glyph-size-sm);
  --size-switch-md-track-width: var(--track-width-md);
  --size-switch-md-track-height: var(--track-height-md);
  --size-switch-md-thumb: var(--glyph-size-md);
  --size-switch-lg-track-width: var(--track-width-lg);
  --size-switch-lg-track-height: var(--track-height-lg);
  --size-switch-lg-thumb: var(--glyph-size-md);
  --size-tag-sm-height: var(--control-height-xs);
  --size-tag-sm-icon: var(--glyph-size-xs);
  --size-tag-md-height: var(--control-height-sm);
  --size-tag-md-icon: var(--glyph-size-sm);
  --size-tag-lg-height: var(--control-height-md);
  --size-tag-lg-icon: var(--glyph-size-md);
  --shadow-card-default: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  --shadow-card-hover: 0 12px 32px -8px rgba(0, 0, 0, 0.16);
  --shadow-card-selected: 0 1px 2px 0 rgba(0, 0, 0, 0.08);
  --shadow-menu-default: 0 12px 32px -8px rgba(0, 0, 0, 0.16);
  --shadow-modal-default: 0 16px 48px -12px rgba(0, 0, 0, 0.4);
  --typography-alert-family: var(--typography-body-family);
  --typography-alert-weight: var(--typography-body-weight);
  --typography-alert-line-height: var(--typography-body-line-height);
  --typography-alert-letter-spacing: var(--typography-body-letter-spacing);
  --typography-alert-text-case: var(--typography-body-text-case);
  --typography-badge-family: var(--typography-label-family);
  --typography-badge-weight: var(--typography-label-weight);
  --typography-badge-line-height: var(--typography-label-line-height);
  --typography-badge-letter-spacing: var(--typography-label-letter-spacing);
  --typography-badge-text-case: var(--typography-label-text-case);
  --typography-button-family: var(--typography-label-family);
  --typography-button-weight: var(--typography-label-weight);
  --typography-button-line-height: var(--typography-label-line-height);
  --typography-button-letter-spacing: var(--typography-label-letter-spacing);
  --typography-button-text-case: var(--typography-label-text-case);
  --typography-input-family: var(--typography-body-family);
  --typography-input-weight: var(--typography-body-weight);
  --typography-input-line-height: var(--typography-body-line-height);
  --typography-input-letter-spacing: var(--typography-body-letter-spacing);
  --typography-input-text-case: var(--typography-body-text-case);
  --typography-link-family: var(--typography-body-family);
  --typography-link-weight: var(--typography-body-weight);
  --typography-link-line-height: var(--typography-body-line-height);
  --typography-link-letter-spacing: var(--typography-body-letter-spacing);
  --typography-link-text-case: var(--typography-body-text-case);
  --typography-menu-family: var(--typography-body-family);
  --typography-menu-weight: var(--typography-body-weight);
  --typography-menu-line-height: var(--typography-body-line-height);
  --typography-menu-letter-spacing: var(--typography-body-letter-spacing);
  --typography-menu-text-case: var(--typography-body-text-case);
  --typography-select-family: var(--typography-body-family);
  --typography-select-weight: var(--typography-body-weight);
  --typography-select-line-height: var(--typography-body-line-height);
  --typography-select-letter-spacing: var(--typography-body-letter-spacing);
  --typography-select-text-case: var(--typography-body-text-case);
  --typography-table-family: var(--typography-small-family);
  --typography-table-weight: var(--typography-small-weight);
  --typography-table-line-height: var(--typography-small-line-height);
  --typography-table-letter-spacing: var(--typography-small-letter-spacing);
  --typography-table-text-case: var(--typography-small-text-case);
  --typography-tabs-family: var(--typography-label-family);
  --typography-tabs-weight: var(--typography-label-weight);
  --typography-tabs-line-height: var(--typography-label-line-height);
  --typography-tabs-letter-spacing: var(--typography-label-letter-spacing);
  --typography-tabs-text-case: var(--typography-label-text-case);
  --typography-tag-family: var(--typography-label-family);
  --typography-tag-weight: var(--typography-label-weight);
  --typography-tag-line-height: var(--typography-label-line-height);
  --typography-tag-letter-spacing: var(--typography-label-letter-spacing);
  --typography-tag-text-case: var(--typography-label-text-case);
  --typography-textarea-family: var(--typography-body-family);
  --typography-textarea-weight: var(--typography-body-weight);
  --typography-textarea-line-height: var(--typography-body-line-height);
  --typography-textarea-letter-spacing: var(--typography-body-letter-spacing);
  --typography-textarea-text-case: var(--typography-body-text-case);
  --typography-tooltip-family: var(--typography-small-family);
  --typography-tooltip-weight: var(--typography-small-weight);
  --typography-tooltip-line-height: var(--typography-small-line-height);
  --typography-tooltip-letter-spacing: var(--typography-small-letter-spacing);
  --typography-tooltip-text-case: var(--typography-small-text-case);
  --space-alert-padding-x: var(--space-md);
  --space-alert-padding-y: var(--space-md);
  --space-alert-gap: var(--space-sm);
  --space-badge-sm-padding-x: var(--space-xs);
  --space-badge-sm-padding-y: var(--space-xs);
  --space-badge-sm-gap: var(--space-xs);
  --space-badge-md-padding-x: var(--space-sm);
  --space-badge-md-padding-y: var(--space-xs);
  --space-badge-md-gap: var(--space-xs);
  --space-badge-lg-padding-x: var(--space-md);
  --space-badge-lg-padding-y: var(--space-xs);
  --space-badge-lg-gap: var(--space-xs);
  --space-button-sm-padding-x: var(--space-sm);
  --space-button-sm-padding-y: var(--space-xs);
  --space-button-sm-gap: var(--space-xs);
  --space-button-md-padding-x: var(--space-md);
  --space-button-md-padding-y: var(--space-sm);
  --space-button-md-gap: var(--space-xs);
  --space-button-lg-padding-x: var(--space-lg);
  --space-button-lg-padding-y: var(--space-sm);
  --space-button-lg-gap: var(--space-xs);
  --space-card-padding-x: var(--space-lg);
  --space-card-padding-y: var(--space-lg);
  --space-card-gap: var(--space-md);
  --space-input-sm-padding-x: var(--space-sm);
  --space-input-sm-padding-y: var(--space-xs);
  --space-input-sm-gap: var(--space-xs);
  --space-input-md-padding-x: var(--space-sm);
  --space-input-md-padding-y: var(--space-sm);
  --space-input-md-gap: var(--space-xs);
  --space-input-lg-padding-x: var(--space-md);
  --space-input-lg-padding-y: var(--space-sm);
  --space-input-lg-gap: var(--space-xs);
  --space-menu-padding-x: var(--space-xs);
  --space-menu-padding-y: var(--space-xs);
  --space-modal-padding-x: var(--space-xl);
  --space-modal-padding-y: var(--space-xl);
  --space-modal-gap: var(--space-lg);
  --space-select-sm-padding-x: var(--space-sm);
  --space-select-sm-padding-y: var(--space-xs);
  --space-select-sm-gap: var(--space-xs);
  --space-select-md-padding-x: var(--space-sm);
  --space-select-md-padding-y: var(--space-sm);
  --space-select-md-gap: var(--space-xs);
  --space-select-lg-padding-x: var(--space-md);
  --space-select-lg-padding-y: var(--space-sm);
  --space-select-lg-gap: var(--space-xs);
  --space-table-padding-x: var(--space-md);
  --space-table-padding-y: var(--space-sm);
  --space-tabs-padding-x: var(--space-md);
  --space-tabs-padding-y: var(--space-sm);
  --space-tabs-gap: var(--space-xs);
  --space-tag-sm-padding-x: var(--space-xs);
  --space-tag-sm-padding-y: var(--space-xs);
  --space-tag-sm-gap: var(--space-xs);
  --space-tag-md-padding-x: var(--space-sm);
  --space-tag-md-padding-y: var(--space-xs);
  --space-tag-md-gap: var(--space-xs);
  --space-tag-lg-padding-x: var(--space-md);
  --space-tag-lg-padding-y: var(--space-xs);
  --space-tag-lg-gap: var(--space-xs);
  --space-textarea-padding-x: var(--space-sm);
  --space-textarea-padding-y: var(--space-sm);
  --space-tooltip-padding-x: var(--space-sm);
  --space-tooltip-padding-y: var(--space-xs);
  --radius-alert: var(--radius-md);
  --radius-badge-sm: var(--radius-full);
  --radius-badge-md: var(--radius-full);
  --radius-badge-lg: var(--radius-full);
  --radius-button-sm: var(--radius-sm);
  --radius-button-md: var(--radius-md);
  --radius-button-lg: var(--radius-md);
  --radius-card: var(--radius-lg);
  --radius-checkbox-sm: var(--radius-sm);
  --radius-checkbox-md: var(--radius-sm);
  --radius-checkbox-lg: var(--radius-sm);
  --radius-input-sm: var(--radius-sm);
  --radius-input-md: var(--radius-sm);
  --radius-input-lg: var(--radius-md);
  --radius-menu: var(--radius-md);
  --radius-modal: var(--radius-lg);
  --radius-radio-sm: var(--radius-full);
  --radius-radio-md: var(--radius-full);
  --radius-radio-lg: var(--radius-full);
  --radius-select-sm: var(--radius-sm);
  --radius-select-md: var(--radius-sm);
  --radius-select-lg: var(--radius-md);
  --radius-switch-sm: var(--radius-full);
  --radius-switch-md: var(--radius-full);
  --radius-switch-lg: var(--radius-full);
  --radius-tag-sm: var(--radius-full);
  --radius-tag-md: var(--radius-full);
  --radius-tag-lg: var(--radius-full);
  --radius-textarea: var(--radius-sm);
  --radius-tooltip: var(--radius-sm);
  --border-width-alert: var(--border-width-default);
  --border-width-badge-sm: var(--border-width-default);
  --border-width-badge-md: var(--border-width-default);
  --border-width-badge-lg: var(--border-width-default);
  --border-width-button-sm: var(--border-width-default);
  --border-width-button-md: var(--border-width-default);
  --border-width-button-lg: var(--border-width-default);
  --border-width-card: var(--border-width-default);
  --border-width-checkbox-sm: var(--border-width-strong);
  --border-width-checkbox-md: var(--border-width-strong);
  --border-width-checkbox-lg: var(--border-width-strong);
  --border-width-input-sm: var(--border-width-default);
  --border-width-input-md: var(--border-width-default);
  --border-width-input-lg: var(--border-width-default);
  --border-width-menu: var(--border-width-default);
  --border-width-modal: var(--border-width-default);
  --border-width-radio-sm: var(--border-width-strong);
  --border-width-radio-md: var(--border-width-strong);
  --border-width-radio-lg: var(--border-width-strong);
  --border-width-select-sm: var(--border-width-default);
  --border-width-select-md: var(--border-width-default);
  --border-width-select-lg: var(--border-width-default);
  --border-width-switch-sm: var(--border-width-strong);
  --border-width-switch-md: var(--border-width-strong);
  --border-width-switch-lg: var(--border-width-strong);
  --border-width-table: var(--border-width-default);
  --border-width-tabs: var(--border-width-strong);
  --border-width-tag-sm: var(--border-width-default);
  --border-width-tag-md: var(--border-width-default);
  --border-width-tag-lg: var(--border-width-default);
  --border-width-textarea: var(--border-width-default);
  --font-size-alert: var(--font-size-body);
  --font-size-badge-sm: var(--font-size-small);
  --font-size-badge-md: var(--font-size-small);
  --font-size-badge-lg: var(--font-size-body);
  --font-size-button-sm: var(--font-size-small);
  --font-size-button-md: var(--font-size-body);
  --font-size-button-lg: var(--font-size-lead);
  --font-size-input-sm: var(--font-size-small);
  --font-size-input-md: var(--font-size-body);
  --font-size-input-lg: var(--font-size-lead);
  --font-size-link: var(--font-size-body);
  --font-size-menu: var(--font-size-body);
  --font-size-select-sm: var(--font-size-small);
  --font-size-select-md: var(--font-size-body);
  --font-size-select-lg: var(--font-size-lead);
  --font-size-table: var(--font-size-small);
  --font-size-tabs: var(--font-size-body);
  --font-size-tag-sm: var(--font-size-small);
  --font-size-tag-md: var(--font-size-small);
  --font-size-tag-lg: var(--font-size-body);
  --font-size-textarea: var(--font-size-body);
  --font-size-tooltip: var(--font-size-small);
}