{
  "buttonNone": "var(--mode-color-none)",
  "buttonAiBgActive": "var(--mode-color-action-ai-grad-active)",
  "buttonAiBgHover": "var(--mode-color-action-ai-grad-hover)",
  "buttonAiBorderActive": "linear-gradient(90deg, var(--mode-color-ai-stop-1)  0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%)",
  "buttonAiBorderDisabled": "var(--mode-color-action-inactive-default)",
  "buttonAiBorderDefault": "linear-gradient(90deg, var(--mode-color-ai-stop-1)  0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%)",
  "buttonAiBorderHover": "linear-gradient(90deg, var(--mode-color-ai-stop-1)  0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%)",
  "buttonAiLabelActive": "var(--mode-color-action-grayscale-with-active-alt)",
  "buttonAiLabelDisabled": "var(--mode-color-action-inactive-txt)",
  "buttonAiLabelDefault": "var(--mode-color-action-grayscale-default)",
  "buttonAiLabelHover": "var(--mode-color-action-grayscale-with-hover)",
  "buttonDestructivePrimaryBgDisabled": "var(--mode-color-action-inactive-default)",
  "buttonDestructivePrimaryBgDefault": "var(--mode-color-action-danger-default)",
  "buttonDestructivePrimaryBgHover": "var(--mode-color-action-danger-hover)",
  "buttonDestructivePrimaryLabelDisabled": "var(--mode-color-action-inactive-txt-alt)",
  "buttonDestructivePrimaryLabelDefault": "var(--mode-color-action-danger-with-default)",
  "buttonDestructivePrimaryLabelHover": "var(--mode-color-action-danger-with-default)",
  "buttonDestructiveSecondaryBgHover": "var(--mode-color-action-danger-hover-alt)",
  "buttonDestructiveSecondaryBorderDisabled": "var(--mode-color-action-inactive-default)",
  "buttonDestructiveSecondaryBorderDefault": "var(--mode-color-action-danger-default)",
  "buttonDestructiveSecondaryBorderHover": "var(--mode-color-action-danger-hover)",
  "buttonDestructiveSecondaryLabelDisabled": "var(--mode-color-action-inactive-txt)",
  "buttonDestructiveSecondaryLabelDefault": "var(--mode-color-action-danger-default)",
  "buttonDestructiveSecondaryLabelHover": "var(--mode-color-action-danger-hover)",
  "buttonTypicalPrimaryBgActive": "var(--mode-color-action-main-active)",
  "buttonTypicalPrimaryBorderDefault": "var(--mode-color-action-main-with-default)",
  "buttonTypicalPrimaryBgDisabled": "var(--mode-color-action-inactive-default)",
  "buttonTypicalPrimaryBgDefault": "var(--mode-color-action-main-default)",
  "buttonTypicalPrimaryBgHover": "var(--mode-color-action-main-hover)",
  "buttonTypicalPrimaryLabelActive": "var(--mode-color-action-main-with-active)",
  "buttonTypicalPrimaryLabelDisabled": "var(--mode-color-action-inactive-txt-alt)",
  "buttonTypicalPrimaryLabelDefault": "var(--mode-color-action-main-with-default)",
  "buttonTypicalPrimaryLabelHover": "var(--mode-color-action-main-with-hover)",
  "buttonTypicalPrimaryInverseBgActive": "var(--mode-color-action-main-inverse-active)",
  "buttonTypicalPrimaryInverseBorderDefault": "var(--mode-color-action-main-inverse-with-default)",
  "buttonTypicalPrimaryInverseBgDisabled": "var(--mode-color-action-inactive-inverse-default)",
  "buttonTypicalPrimaryInverseBgDefault": "var(--mode-color-action-main-inverse-default)",
  "buttonTypicalPrimaryInverseBgHover": "var(--mode-color-action-main-inverse-hover)",
  "buttonTypicalPrimaryInverseLabelActive": "var(--mode-color-action-main-inverse-with-active)",
  "buttonTypicalPrimaryInverseLabelDisabled": "var(--mode-color-action-inactive-inverse-txt-alt)",
  "buttonTypicalPrimaryInverseLabelDefault": "var(--mode-color-action-main-inverse-with-default)",
  "buttonTypicalPrimaryInverseLabelHover": "var(--mode-color-action-main-inverse-with-hover)",
  "buttonTypicalSecondaryBgActive": "var(--mode-color-action-main-active-alt)",
  "buttonTypicalSecondaryBgDefault": "var(--mode-color-action-main-default-alt3)",
  "buttonTypicalSecondaryBgHover": "var(--mode-color-action-main-hover-alt)",
  "buttonTypicalSecondaryBorderActive": "var(--mode-color-action-main-active)",
  "buttonTypicalSecondaryBorderDisabled": "var(--mode-color-action-inactive-default)",
  "buttonTypicalSecondaryBorderDefault": "var(--mode-color-action-main-default-alt)",
  "buttonTypicalSecondaryBorderHover": "var(--mode-color-action-main-hover)",
  "buttonTypicalSecondaryLabelActive": "var(--mode-color-action-grayscale-with-active-alt)",
  "buttonTypicalSecondaryLabelDisabled": "var(--mode-color-action-inactive-txt)",
  "buttonTypicalSecondaryLabelDefault": "var(--mode-color-action-grayscale-default)",
  "buttonTypicalSecondaryLabelHover": "var(--mode-color-action-grayscale-with-hover)",
  "buttonTypicalSecondaryInverseBgActive": "var(--mode-color-action-main-inverse-active-alt)",
  "buttonTypicalSecondaryInverseBgDefault": "var(--mode-color-action-main-inverse-default-alt3)",
  "buttonTypicalSecondaryInverseBgHover": "var(--mode-color-action-main-inverse-hover-alt)",
  "buttonTypicalSecondaryInverseBorderActive": "var(--mode-color-action-main-inverse-active)",
  "buttonTypicalSecondaryInverseBorderDisabled": "var(--mode-color-action-inactive-inverse-default)",
  "buttonTypicalSecondaryInverseBorderDefault": "var(--mode-color-action-main-inverse-default-alt)",
  "buttonTypicalSecondaryInverseBorderHover": "var(--mode-color-action-main-inverse-hover)",
  "buttonTypicalSecondaryInverseLabelActive": "var(--mode-color-action-grayscale-inverse-with-active-alt)",
  "buttonTypicalSecondaryInverseLabelDisabled": "var(--mode-color-action-inactive-inverse-txt)",
  "buttonTypicalSecondaryInverseLabelDefault": "var(--mode-color-action-grayscale-inverse-default)",
  "buttonTypicalSecondaryInverseLabelHover": "var(--mode-color-action-grayscale-inverse-with-hover)",
  "buttonTypicalTertiaryBgActive": "var(--mode-color-action-main-active-alt)",
  "buttonTypicalTertiaryBgDefault": "var(--button-none)",
  "buttonTypicalTertiaryBgHover": "var(--mode-color-action-main-hover-alt)",
  "buttonTypicalTertiaryBorderActive": "var(--mode-color-action-main-active)",
  "buttonTypicalTertiaryBorderDisabled": "var(--mode-color-action-inactive-default)",
  "buttonTypicalTertiaryBorderDefault": "var(--mode-color-action-main-default-alt)",
  "buttonTypicalTertiaryBorderHover": "var(--mode-color-action-main-hover)",
  "buttonTypicalTertiaryLabelActive": "var(--mode-color-action-grayscale-with-active-alt)",
  "buttonTypicalTertiaryLabelDisabled": "var(--mode-color-action-inactive-txt)",
  "buttonTypicalTertiaryLabelDefault": "var(--mode-color-action-grayscale-default)",
  "buttonTypicalTertiaryLabelHover": "var(--mode-color-action-grayscale-with-hover)",
  "buttonTypicalTertiaryInverseBgActive": "var(--mode-color-action-main-inverse-active-alt)",
  "buttonTypicalTertiaryInverseBgDefault": "var(--button-none)",
  "buttonTypicalTertiaryInverseBgHover": "var(--mode-color-action-main-inverse-hover-alt)",
  "buttonTypicalTertiaryInverseBorderActive": "var(--mode-color-action-main-inverse-active)",
  "buttonTypicalTertiaryInverseBorderDisabled": "var(--mode-color-action-inactive-inverse-default)",
  "buttonTypicalTertiaryInverseBorderDefault": "var(--mode-color-action-main-inverse-default-alt)",
  "buttonTypicalTertiaryInverseBorderHover": "var(--mode-color-action-main-inverse-hover)",
  "buttonTypicalTertiaryInverseLabelActive": "var(--mode-color-action-grayscale-inverse-with-active-alt)",
  "buttonTypicalTertiaryInverseLabelDisabled": "var(--mode-color-action-inactive-inverse-txt)",
  "buttonTypicalTertiaryInverseLabelDefault": "var(--mode-color-action-grayscale-inverse-default)",
  "buttonTypicalTertiaryInverseLabelHover": "var(--mode-color-action-grayscale-inverse-with-hover)",
  "buttonTypicalSubtleBgActive": "var(--mode-color-action-grayscale-active-alt)",
  "buttonTypicalSubtleBgHover": "var(--mode-color-generic-bg-delicate)",
  "buttonTypicalSubtleLabelActive": "var(--mode-color-action-grayscale-with-active-alt)",
  "buttonTypicalSubtleLabelDisabled": "var(--mode-color-action-inactive-txt)",
  "buttonTypicalSubtleLabelDefault": "var(--mode-color-action-grayscale-default)",
  "buttonTypicalSubtleLabelHover": "var(--mode-color-action-grayscale-with-hover)",
  "buttonTypicalSubtleInverseBgActive": "var(--mode-color-action-grayscale-inverse-active-alt)",
  "buttonTypicalSubtleInverseBgHover": "var(--mode-color-action-grayscale-inverse-hover-alt)",
  "buttonTypicalSubtleInverseLabelActive": "var(--mode-color-action-grayscale-inverse-with-active-alt)",
  "buttonTypicalSubtleInverseLabelDisabled": "var(--mode-color-action-inactive-inverse-txt)",
  "buttonTypicalSubtleInverseLabelDefault": "var(--mode-color-action-grayscale-inverse-default)",
  "buttonTypicalSubtleInverseLabelHover": "var(--mode-color-action-grayscale-inverse-with-hover)",
  "buttonTypicalToggleBgActiveDisabled": "var(--mode-color-action-inactive-default)",
  "buttonTypicalToggleLabelActiveDisabled": "var(--mode-color-action-inactive-txt-alt)",
  "buttonTypicalToggleBgActive": "var(--mode-color-action-grayscale-active)",
  "buttonTypicalToggleBgDefault": "var(--mode-color-action-grayscale-with-default)",
  "buttonTypicalToggleBgHover": "var(--mode-color-generic-bg-delicate)",
  "buttonTypicalToggleBorderDefault": "var(--mode-color-action-grayscale-default)",
  "buttonTypicalToggleBorderDisabled": "var(--mode-color-action-inactive-default)",
  "buttonTypicalToggleLabelActive": "var(--mode-color-action-grayscale-with-active)",
  "buttonTypicalToggleLabelDisabled": "var(--mode-color-action-inactive-txt)",
  "buttonTypicalToggleLabelDefault": "var(--mode-color-action-grayscale-default-alt)",
  "buttonTypicalToggleLabelHover": "var(--mode-color-action-grayscale-with-hover)",
  "buttonVideoBgBlur": "var(--mode-color-action-grayscale-hover-alt)",
  "buttonVideoPrimaryBgDefault": "var(--mode-color-action-grayscale-with-default)",
  "buttonVideoPrimaryBgHover": "var(--mode-color-action-grayscale-with-default)",
  "buttonVideoPrimaryLabelDefault": "var(--mode-color-action-grayscale-default)",
  "buttonVideoPrimaryLabelHover": "var(--mode-color-action-grayscale-default)",
  "buttonVideoSecondaryBgHover": "var(--mode-color-action-grayscale-with-default)",
  "buttonVideoSecondaryBorderDefault": "var(--mode-color-action-grayscale-with-default)",
  "buttonVideoSecondaryBorderHover": "var(--mode-color-action-grayscale-with-default)",
  "buttonVideoSecondaryLabelDefault": "var(--mode-color-action-grayscale-with-default)",
  "buttonVideoSecondaryLabelHover": "var(--mode-color-action-grayscale-default)"
}