/**
 * Copyright © 2026 The Sage Group plc or its licensors. All Rights reserved
 */

/**
 * Do not edit directly, this file was auto-generated.
 */

:root {
  --button-none: var(--mode-color-none);
  --button-ai-border-active: linear-gradient(90deg, var(--mode-color-ai-stop-1)  0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);
  --button-ai-border-disabled: var(--mode-color-action-inactive-default);
  --button-ai-border-default: linear-gradient(90deg, var(--mode-color-ai-stop-1)  0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);
  --button-ai-border-hover: linear-gradient(90deg, var(--mode-color-ai-stop-1)  0%, var(--mode-color-ai-stop-2) 40%, var(--mode-color-ai-stop-3) 90%);
  --button-ai-label-active: var(--mode-color-action-grayscale-with-active-alt);
  --button-ai-label-hover: var(--mode-color-action-grayscale-with-hover);
  --button-destructive-primary-bg-disabled: var(--mode-color-action-inactive-default);
  --button-destructive-primary-bg-default: var(--mode-color-action-danger-default);
  --button-destructive-primary-bg-hover: var(--mode-color-action-danger-hover);
  --button-destructive-primary-label-default: var(--mode-color-action-danger-with-default);
  --button-destructive-primary-label-hover: var(--mode-color-action-danger-with-default);
  --button-destructive-secondary-bg-hover: var(--mode-color-action-danger-hover-alt);
  --button-destructive-secondary-border-disabled: var(--mode-color-action-inactive-default);
  --button-destructive-secondary-border-default: var(--mode-color-action-danger-default);
  --button-destructive-secondary-border-hover: var(--mode-color-action-danger-hover);
  --button-destructive-secondary-label-default: var(--mode-color-action-danger-default);
  --button-destructive-secondary-label-hover: var(--mode-color-action-danger-hover);
  --button-typical-primary-bg-active: var(--mode-color-action-main-active);
  --button-typical-primary-border-default: var(--mode-color-action-main-with-default);
  --button-typical-primary-bg-disabled: var(--mode-color-action-inactive-default);
  --button-typical-primary-bg-default: var(--mode-color-action-main-default);
  --button-typical-primary-bg-hover: var(--mode-color-action-main-hover);
  --button-typical-primary-label-active: var(--mode-color-action-main-with-active);
  --button-typical-primary-label-default: var(--mode-color-action-main-with-default);
  --button-typical-primary-label-hover: var(--mode-color-action-main-with-hover);
  --button-typical-primary-inverse-bg-active: var(--mode-color-action-main-inverse-active);
  --button-typical-primary-inverse-border-default: var(--mode-color-action-main-inverse-with-default);
  --button-typical-primary-inverse-bg-disabled: var(--mode-color-action-inactive-inverse-default);
  --button-typical-primary-inverse-bg-default: var(--mode-color-action-main-inverse-default);
  --button-typical-primary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover);
  --button-typical-primary-inverse-label-active: var(--mode-color-action-main-inverse-with-active);
  --button-typical-primary-inverse-label-default: var(--mode-color-action-main-inverse-with-default);
  --button-typical-primary-inverse-label-hover: var(--mode-color-action-main-inverse-with-hover);
  --button-typical-secondary-border-active: var(--mode-color-action-main-active);
  --button-typical-secondary-border-disabled: var(--mode-color-action-inactive-default);
  --button-typical-secondary-border-hover: var(--mode-color-action-main-hover);
  --button-typical-secondary-label-active: var(--mode-color-action-grayscale-with-active-alt);
  --button-typical-secondary-label-hover: var(--mode-color-action-grayscale-with-hover);
  --button-typical-secondary-inverse-border-active: var(--mode-color-action-main-inverse-active);
  --button-typical-secondary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);
  --button-typical-secondary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);
  --button-typical-secondary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);
  --button-typical-secondary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);
  --button-typical-tertiary-border-active: var(--mode-color-action-main-active);
  --button-typical-tertiary-border-disabled: var(--mode-color-action-inactive-default);
  --button-typical-tertiary-border-hover: var(--mode-color-action-main-hover);
  --button-typical-tertiary-label-active: var(--mode-color-action-grayscale-with-active-alt);
  --button-typical-tertiary-label-hover: var(--mode-color-action-grayscale-with-hover);
  --button-typical-tertiary-inverse-border-active: var(--mode-color-action-main-inverse-active);
  --button-typical-tertiary-inverse-border-disabled: var(--mode-color-action-inactive-inverse-default);
  --button-typical-tertiary-inverse-border-hover: var(--mode-color-action-main-inverse-hover);
  --button-typical-tertiary-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);
  --button-typical-tertiary-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);
  --button-typical-subtle-bg-hover: var(--mode-color-generic-bg-delicate);
  --button-typical-subtle-label-active: var(--mode-color-action-grayscale-with-active-alt);
  --button-typical-subtle-label-hover: var(--mode-color-action-grayscale-with-hover);
  --button-typical-subtle-inverse-label-active: var(--mode-color-action-grayscale-inverse-with-active-alt);
  --button-typical-subtle-inverse-label-hover: var(--mode-color-action-grayscale-inverse-with-hover);
  --button-typical-toggle-bg-active-disabled: var(--mode-color-action-inactive-default);
  --button-typical-toggle-bg-active: var(--mode-color-action-grayscale-active);
  --button-typical-toggle-bg-default: var(--mode-color-action-grayscale-with-default);
  --button-typical-toggle-bg-hover: var(--mode-color-generic-bg-delicate);
  --button-typical-toggle-border-disabled: var(--mode-color-action-inactive-default);
  --button-typical-toggle-label-active: var(--mode-color-action-grayscale-with-active);
  --button-typical-toggle-label-hover: var(--mode-color-action-grayscale-with-hover);
  --button-video-primary-bg-default: var(--mode-color-action-grayscale-with-default);
  --button-video-primary-bg-hover: var(--mode-color-action-grayscale-with-default);
  --button-video-secondary-bg-hover: var(--mode-color-action-grayscale-with-default);
  --button-video-secondary-border-default: var(--mode-color-action-grayscale-with-default);
  --button-video-secondary-border-hover: var(--mode-color-action-grayscale-with-default);
  --button-video-secondary-label-default: var(--mode-color-action-grayscale-with-default);
  --button-ai-label-default: var(--mode-color-action-grayscale-default);
  --button-destructive-primary-label-disabled: var(--mode-color-action-inactive-txt-alt);
  --button-typical-primary-label-disabled: var(--mode-color-action-inactive-txt-alt);
  --button-typical-primary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt-alt);
  --button-typical-secondary-bg-active: var(--mode-color-action-main-active-alt);
  --button-typical-secondary-bg-default: var(--mode-color-action-main-default-alt3);
  --button-typical-secondary-bg-hover: var(--mode-color-action-main-hover-alt);
  --button-typical-secondary-border-default: var(--mode-color-action-main-default-alt);
  --button-typical-secondary-label-default: var(--mode-color-action-grayscale-default);
  --button-typical-secondary-inverse-bg-active: var(--mode-color-action-main-inverse-active-alt);
  --button-typical-secondary-inverse-bg-default: var(--mode-color-action-main-inverse-default-alt3);
  --button-typical-secondary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);
  --button-typical-secondary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);
  --button-typical-secondary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
  --button-typical-tertiary-bg-active: var(--mode-color-action-main-active-alt);
  --button-typical-tertiary-bg-default: var(--button-none);
  --button-typical-tertiary-bg-hover: var(--mode-color-action-main-hover-alt);
  --button-typical-tertiary-border-default: var(--mode-color-action-main-default-alt);
  --button-typical-tertiary-label-default: var(--mode-color-action-grayscale-default);
  --button-typical-tertiary-inverse-bg-active: var(--mode-color-action-main-inverse-active-alt);
  --button-typical-tertiary-inverse-bg-default: var(--button-none);
  --button-typical-tertiary-inverse-bg-hover: var(--mode-color-action-main-inverse-hover-alt);
  --button-typical-tertiary-inverse-border-default: var(--mode-color-action-main-inverse-default-alt);
  --button-typical-tertiary-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
  --button-typical-subtle-bg-active: var(--mode-color-action-grayscale-active-alt);
  --button-typical-subtle-label-default: var(--mode-color-action-grayscale-default);
  --button-typical-subtle-inverse-bg-active: var(--mode-color-action-grayscale-inverse-active-alt);
  --button-typical-subtle-inverse-bg-hover: var(--mode-color-action-grayscale-inverse-hover-alt);
  --button-typical-subtle-inverse-label-default: var(--mode-color-action-grayscale-inverse-default);
  --button-typical-toggle-label-active-disabled: var(--mode-color-action-inactive-txt-alt);
  --button-typical-toggle-border-default: var(--mode-color-action-grayscale-default);
  --button-typical-toggle-label-default: var(--mode-color-action-grayscale-default-alt);
  --button-video-bg-blur: var(--mode-color-action-grayscale-hover-alt);
  --button-video-primary-label-default: var(--mode-color-action-grayscale-default);
  --button-video-primary-label-hover: var(--mode-color-action-grayscale-default);
  --button-video-secondary-label-hover: var(--mode-color-action-grayscale-default);
  --button-ai-bg-active: var(--mode-color-action-ai-grad-active);
  --button-ai-bg-hover: var(--mode-color-action-ai-grad-hover);
  --button-ai-label-disabled: var(--mode-color-action-inactive-txt);
  --button-destructive-secondary-label-disabled: var(--mode-color-action-inactive-txt);
  --button-typical-secondary-label-disabled: var(--mode-color-action-inactive-txt);
  --button-typical-secondary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);
  --button-typical-tertiary-label-disabled: var(--mode-color-action-inactive-txt);
  --button-typical-tertiary-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);
  --button-typical-subtle-label-disabled: var(--mode-color-action-inactive-txt);
  --button-typical-subtle-inverse-label-disabled: var(--mode-color-action-inactive-inverse-txt);
  --button-typical-toggle-label-disabled: var(--mode-color-action-inactive-txt);
}