// PRIMARY
$button-primary-color-background-default: var(--fkds-color-action-background-primary-default) !default;
$button-primary-color-background-hover: var(--fkds-color-action-background-primary-hover) !default;
$button-primary-color-background-active: var(--fkds-color-action-background-primary-active) !default;
$button-primary-color-background-focus: var(--fkds-color-action-background-primary-focus) !default;
$button-primary-color-text-default: var(--fkds-color-action-text-inverted-default) !default;
$button-primary-color-text-hover: var(--fkds-color-action-text-inverted-hover) !default;
$button-primary-color-text-active: var(--fkds-color-action-text-inverted-active) !default;
$button-primary-color-text-focus: var(--fkds-color-action-text-inverted-focus) !default;

// SECONDARY
$button-secondary-color-background-default: var(--fkds-color-action-background-secondary-default) !default;
$button-secondary-color-background-hover: var(--fkds-color-action-background-secondary-hover) !default;
$button-secondary-color-background-active: var(--fkds-color-action-background-secondary-active) !default;
$button-secondary-color-background-focus: var(--fkds-color-action-background-secondary-focus) !default;
$button-secondary-color-border-default: var(--fkds-color-action-border-primary-default) !default;
$button-secondary-color-border-hover: var(--fkds-color-action-border-primary-hover) !default;
$button-secondary-color-border-active: var(--fkds-color-action-border-primary-active) !default;
$button-secondary-color-text-default: var(--fkds-color-action-text-primary-default) !default;
$button-secondary-color-text-hover: var(--fkds-color-action-text-primary-hover) !default;
$button-secondary-color-text-active: var(--fkds-color-action-text-primary-active) !default;
$button-secondary-color-text-focus: var(--fkds-color-action-text-primary-focus) !default;

// TERTIARY
$button-tertiary-color-background-default: transparent !default;
$button-tertiary-color-background-hover: var(--fkds-color-action-background-secondary-hover) !default;
$button-tertiary-color-background-active: var(--fkds-color-action-background-secondary-active) !default;
$button-tertiary-color-background-focus: transparent !default;
$button-tertiary-color-background-disabled: transparent !default;
$button-tertiary-color-border-disabled: transparent !default;
$button-tertiary-color-text-default: var(--fkds-color-action-text-primary-default) !default;
$button-tertiary-color-text-hover: var(--fkds-color-action-text-primary-hover) !default;
$button-tertiary-color-text-active: var(--fkds-color-action-text-primary-active) !default;
$button-tertiary-color-text-focus: var(--fkds-color-action-text-primary-focus) !default;
$button-tertiary-color-text-disabled: var(--fkds-color-text-disabled) !default;

// TERTIARY - muted
$button-tertiary-muted-color-text-default: var(--fkds-color-action-text-secondary-default) !default;
$button-tertiary-muted-color-text-focus: var(--fkds-color-action-text-secondary-default) !default;

// TERTIARY - inverted
$button-tertiary-inverted-color-background-focus: transparent !default;
$button-tertiary-inverted-color-background-disabled: transparent !default;
$button-tertiary-inverted-color-text-default: var(--fkds-color-action-text-inverted-default) !default;
$button-tertiary-inverted-color-text-focus: var(--fkds-color-action-text-inverted-focus) !default;
$button-tertiary-inverted-color-text-disabled: var(--fkds-color-text-disabled) !default;

// Inflight animation
$button-spinner-animation-duration: 1250ms !default;
$button-spinner-animation-delay: 300ms !default;

// Discrete
$button-discrete-color-text-hover: var(--fkds-color-action-text-primary-hover) !default;

// Discrete-inverted
$button-discrete-inverted-color-text-hover: var(--fkds-color-action-text-inverted-hover) !default;