@mixin digi-button--variables() {
  --digi--button--color--background--primary--default: var(--digi--color--background--interactive--default--primary);
  --digi--button--color--background--primary--hover: var(--digi--color--background--interactive--hover--primary);
  --digi--button--color--background--primary--focus: var(--digi--color--background--interactive--hover--primary);
  --digi--button--color--background--primary--active: var(--digi--color--background--interactive--hover--primary);

  --digi--button--color--background--secondary--default: var(--digi--color--background--interactive--default--secondary);
  --digi--button--color--background--secondary--hover: var(--digi--color--background--interactive--hover--secondary);
  --digi--button--color--background--secondary--focus: var(--digi--color--background--interactive--hover--secondary);
  --digi--button--color--background--secondary--active: var(--digi--color--background--interactive--hover--secondary);

  --digi--button--color--background--function--default: transparent;
  --digi--button--color--background--function--hover: transparent;
  --digi--button--color--background--function--focus: transparent;
  --digi--button--color--background--function--active: transparent;

  --digi--button--color--text--primary--default: var(--digi--color--text--interactive--secondary);
  --digi--button--color--text--primary--hover: var(--digi--color--text--interactive--secondary);
  --digi--button--color--text--primary--focus: var(--digi--color--text--interactive--secondary);
  --digi--button--color--text--primary--active: var(--digi--color--text--interactive--secondary);

  --digi--button--color--text--secondary--default: var(--digi--color--text--interactive--brand-primary);
  --digi--button--color--text--secondary--hover: var(--digi--color--text--interactive--brand-primary);
  --digi--button--color--text--secondary--focus: var(--digi--color--text--interactive--brand-primary);
  --digi--button--color--text--secondary--active: var(--digi--color--text--interactive--brand-primary);

  --digi--button--color--text--function--default: var(--digi--color--text--interactive--primary);
  --digi--button--color--text--function--hover: var(--digi--color--text--interactive--primary);
  --digi--button--color--text--function--focus: var(--digi--color--text--interactive--primary);
  --digi--button--color--text--function--active: var(--digi--color--text--interactive--primary);

  --digi--button--color--border--primary--default: var(--digi--color--background--interactive--default--primary);
  --digi--button--color--border--primary--hover: var(--digi--color--background--interactive--hover--primary);
  --digi--button--color--border--primary--focus: var(--digi--color--background--interactive--default--primary);
  --digi--button--color--border--primary--active: var(--digi--color--background--interactive--default--primary);

  --digi--button--color--border--secondary--default: var(--digi--color--border--interactive--default--primary);
  --digi--button--color--border--secondary--hover: var(--digi--color--border--interactive--hover--secondary);
  --digi--button--color--border--secondary--focus: var(--digi--color--border--interactive--default--primary);
  --digi--button--color--border--secondary--active: var(--digi--color--border--interactive--default--primary);

  --digi--button--color--border--function--default: initial;
  --digi--button--color--border--function--hover: initial;
  --digi--button--color--border--function--focus: initial;
  --digi--button--color--border--function--active: initial;

  --digi--button--color--icon--primary--default: var(--digi--color--icon--secondary);
  --digi--button--color--icon--primary--hover: var(--digi--color--icon--secondary);
  --digi--button--color--icon--primary--focus: var(--digi--color--icon--secondary);
  --digi--button--color--icon--primary--active: var(--digi--color--icon--secondary);

  --digi--button--color--icon--secondary--default: var(--digi--color--icon--brand-primary);
  --digi--button--color--icon--secondary--hover: var(--digi--color--icon--brand-primary);
  --digi--button--color--icon--secondary--focus: var(--digi--color--icon--brand-primary);
  --digi--button--color--icon--secondary--active: var(--digi--color--icon--brand-primary);

  --digi--button--color--icon--function--default: var(--digi--color--icon--cta);
  --digi--button--color--icon--function--hover: var(--digi--color--icon--cta);
  --digi--button--color--icon--function--focus: var(--digi--color--icon--cta);
  --digi--button--color--icon--function--active: var(--digi--color--icon--cta);

  --digi--button--border-width--primary--default: var(--digi--border-width--primary);
  --digi--button--border-width--primary--hover: var(--digi--border-width--primary);
  --digi--button--border-width--secondary--default: var(--digi--border-width--primary);
  --digi--button--border-width--secondary--hover: var(--digi--border-width--primary);
  --digi--button--border-width--function--default: initial;
  --digi--button--border-width--function--hover: initial;
  --digi--button--border-style--primary--default: var(--digi--border-style--primary);
  --digi--button--border-style--primary--hover: var(--digi--border-style--primary);
  --digi--button--border-style--primary--focus: var(--digi--border-style--primary);
  --digi--button--border-style--primary--active: var(--digi--border-style--primary);
  --digi--button--border-style--secondary--default: var(--digi--border-style--primary);
  --digi--button--border-style--secondary--hover: var(--digi--border-style--primary);
  --digi--button--border-style--secondary--focus: var(--digi--border-style--primary);
  --digi--button--border-style--secondary--active: var(--digi--border-style--primary);
  --digi--button--border-style--function--default: var(--digi--border-style--secondary);
  --digi--button--border-style--function--hover: var(--digi--border-style--secondary);
  --digi--button--border-style--function--focus: var(--digi--border-style--secondary);
  --digi--button--border-style--function--active: var(--digi--border-style--secondary);
  --digi--button--border-radius--primary--default: var(--digi--border-radius--secondary);
  --digi--button--border-radius--primary--hover: var(--digi--border-radius--secondary);
  --digi--button--border-radius--primary--focus: var(--digi--border-radius--secondary);
  --digi--button--border-radius--primary--active: var(--digi--border-radius--secondary);
  --digi--button--border-radius--secondary--default: var(--digi--border-radius--secondary);
  --digi--button--border-radius--secondary--hover: var(--digi--border-radius--secondary);
  --digi--button--border-radius--secondary--focus: var(--digi--border-radius--secondary);
  --digi--button--border-radius--secondary--active: var(--digi--border-radius--secondary);
  --digi--button--border-radius--function--default: initial;
  --digi--button--border-radius--function--hover: initial;
  --digi--button--border-radius--function--focus: initial;
  --digi--button--border-radius--function--active: initial;

  --digi--button--padding--small: var(--digi--gutter--button-block-small) var(--digi--gutter--button-inline-small);
  --digi--button--padding--medium: var(--digi--gutter--button-block-medium) var(--digi--gutter--button-inline-medium);
  --digi--button--font-size--small: var(--digi--global--typography--font-size--interaction-small);
  --digi--button--font-size--medium: var(--digi--global--typography--font-size--interaction-medium);
  --digi--button--font-family: var(--digi--global--typography--font-family--default);
  --digi--button--font-weight--default: var(--digi--typography--button--font-weight--desktop);
  --digi--button--font-weight--function: var(--digi--typography--label--font-weight--desktop);

  --digi--button--width: initial;
  --digi--button--display: initial;
  --digi--button--justify-content--default: initial;
  --digi--button--justify-content--full-width: center;
  --digi--button--align-items: center;
  --digi--button--text-align--default: initial;
  --digi--button--text-align--full-width: center;
  --digi--button--outline--default: initial;
  --digi--button--outline--focus: initial;
  --digi--button--cursor: pointer;
  --digi--button--icon--spacing: var(--digi--gutter--large);
  --digi--button--min-height--small: unset;
}