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


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

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