$backgrounds: (
  'brand-primary': (
    background: 'brand-primary',
    titlePrimary: 'white',
    titleSecondary: 'brand-secondary',
    bodyPrimary: 'white',
    bodySecondary: 'white',
    positive: 'white',
    warning: 'white',
    negative: 'white',
    positiveSecondary: 'white-alpha-10',
    warningSecondary: 'white-alpha-10',
    negativeSecondary: 'white-alpha-10',
    navigationLinkIdle: 'white-alpha-50',
    navigationLinkHover: 'white',
    linkIdle: 'white',
    linkHover: 'white',
    divider: 'white-alpha-30',
    sliderDotsIdle: 'white-alpha-50',
    sliderDotsHover: 'white',
    sliderDotsActive: 'white',
    iconInformativePrimary: 'white',
    iconInformativeSecondary: 'white',
    iconInteractivePrimaryIdle: 'white',
    iconInteractivePrimaryHover: 'brand-secondary',
    iconInteractiveSecondaryIdle: 'white',
    iconInteractiveSecondaryHover: 'white',
    iconInteractiveAlternative: 'white',
    iconInteractiveAlternativeHover: 'brand-secondary',
    ghostTextIdle: 'white',
    ghostBorderIdle: 'brand-tertiary',
    ghostTextHover: 'brand-secondary',
    ghostBackgroundHover: 'brand-tertiary',
    ghostTextPressed: 'brand-secondary',
    ghostBackgroundPressed: 'brand-tertiary-shade-110',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'brand-secondary',
    filledBackgroundIdle: 'brand-tertiary',
    filledTextHover: 'brand-secondary',
    filledBackgroundHover: 'white',
    filledTextPressed: 'brand-secondary',
    filledBackgroundPressed: 'brand-tertiary-shade-110',
    plainTextIdle: 'white',
    plainTextHover: 'white',
    plainBackgroundHover: 'white-alpha-30',
    plainTextPressed: 'white',
    plainBackgroundPressed: 'white-alpha-50',
    formTextPrimary: 'white',
    formTextSecondary: 'white-alpha-50',
    formErrorPrimary: 'brand-secondary',
    formErrorSecondary: 'white',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-secondary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-secondary',
    formInputFillSecondary: 'brand-tertiary-tint-80'
  ),
  'brand-secondary': (
    background: 'brand-secondary',
    titlePrimary: 'white',
    titleSecondary: 'brand-primary',
    bodyPrimary: 'white',
    bodySecondary: 'white',
    positive: 'white',
    warning: 'white',
    negative: 'white',
    positiveSecondary: 'white-alpha-10',
    warningSecondary: 'white-alpha-10',
    negativeSecondary: 'white-alpha-10',
    navigationLinkIdle: 'white-alpha-50',
    navigationLinkHover: 'white',
    linkIdle: 'white',
    linkHover: 'white',
    divider: 'white-alpha-30',
    sliderDotsIdle: 'white-alpha-50',
    sliderDotsHover: 'white',
    sliderDotsActive: 'white',
    iconInformativePrimary: 'white',
    iconInformativeSecondary: 'white',
    iconInteractivePrimaryIdle: 'white',
    iconInteractivePrimaryHover: 'brand-primary',
    iconInteractiveSecondaryIdle: 'white-alpha-50',
    iconInteractiveSecondaryHover: 'white',
    iconInteractiveAlternative: 'white',
    iconInteractiveAlternativeHover: 'brand-primary',
    ghostTextIdle: 'white',
    ghostBorderIdle: 'brand-tertiary',
    ghostTextHover: 'brand-secondary',
    ghostBackgroundHover: 'brand-tertiary',
    ghostTextPressed: 'brand-secondary',
    ghostBackgroundPressed: 'brand-tertiary-shade-110',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'brand-secondary',
    filledBackgroundIdle: 'brand-tertiary',
    filledTextHover: 'brand-secondary',
    filledBackgroundHover: 'white',
    filledTextPressed: 'brand-secondary',
    filledBackgroundPressed: 'brand-tertiary-shade-110',
    plainTextIdle: 'white',
    plainTextHover: 'white',
    plainBackgroundHover: 'white-alpha-30',
    plainTextPressed: 'white',
    plainBackgroundPressed: 'white-alpha-50',
    formTextPrimary: 'white',
    formTextSecondary: 'white-alpha-50',
    formErrorPrimary: 'ui-warning',
    formErrorSecondary: 'ui-warning-10',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-primary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-primary',
    formInputFillSecondary: 'brand-tertiary-tint-80'
  ),
  'brand-tertiary': (
    background: 'brand-tertiary',
    titlePrimary: 'brand-secondary',
    titleSecondary: 'brand-primary',
    bodyPrimary: 'brand-secondary',
    bodySecondary: 'brand-secondary-tint-80',
    positive: 'ui-positive',
    warning: 'ui-warning',
    negative: 'ui-negative',
    positiveSecondary: 'ui-positive-5',
    warningSecondary: 'ui-warning-5',
    negativeSecondary: 'ui-negative-5',
    navigationLinkIdle: 'brand-secondary-alpha-70',
    navigationLinkHover: 'brand-secondary',
    linkIdle: 'brand-primary',
    linkHover: 'brand-primary',
    divider: 'gray-20',
    sliderDotsIdle: 'brand-secondary-alpha-70',
    sliderDotsHover: 'brand-secondary',
    sliderDotsActive: 'brand-secondary',
    iconInformativePrimary: 'brand-secondary-tint-80',
    iconInformativeSecondary: 'brand-primary',
    iconInteractivePrimaryIdle: 'brand-secondary',
    iconInteractivePrimaryHover: 'brand-primary',
    iconInteractiveSecondaryIdle: 'brand-secondary-alpha-70',
    iconInteractiveSecondaryHover: 'brand-secondary',
    iconInteractiveAlternative: 'brand-primary',
    iconInteractiveAlternativeHover: 'brand-primary-shade-130',
    iconInteractiveAlternativeBookmark: 'brand-secondary-tint-80',
    iconInteractiveAlternativeBookmarkHover: 'brand-quinary',
    iconInteractiveAlternativeBookmarkPressed: 'brand-quinary',
    ghostTextIdle: 'brand-primary',
    ghostBorderIdle: 'brand-primary',
    ghostTextHover: 'white',
    ghostBackgroundHover: 'brand-primary',
    ghostTextPressed: 'white',
    ghostBackgroundPressed: 'brand-primary-shade-130',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'white',
    filledBackgroundIdle: 'brand-primary',
    filledTextHover: 'white',
    filledBackgroundHover: 'brand-primary-tint-80',
    filledTextPressed: 'white',
    filledBackgroundPressed: 'brand-primary-shade-130',
    plainTextIdle: 'brand-primary',
    plainTextHover: 'brand-primary',
    plainBackgroundHover: 'brand-primary-alpha-10',
    plainTextPressed: 'brand-primary',
    plainBackgroundPressed: 'brand-primary-alpha-30',
    formTextPrimary: 'brand-secondary',
    formTextSecondary: 'brand-secondary-alpha-70',
    formErrorPrimary: 'ui-negative',
    formErrorSecondary: 'ui-negative-5',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-primary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-primary',
    formInputFillSecondary: 'brand-tertiary-tint-80',
    avatarBackground: 'white',
    avatarText: 'brand-secondary-tint-60'
  ),
  'white': (
    background: 'white',
    titlePrimary: 'brand-secondary',
    titleSecondary: 'brand-primary',
    bodyPrimary: 'brand-secondary',
    bodySecondary: 'brand-secondary-tint-60',
    navigationLinkIdle: 'brand-secondary-tint-60',
    navigationLinkHover: 'brand-secondary',
    positive: 'ui-positive',
    warning: 'ui-warning',
    negative: 'ui-negative',
    positiveSecondary: 'ui-positive-5',
    warningSecondary: 'ui-warning-5',
    negativeSecondary: 'ui-negative-5',
    linkIdle: 'brand-primary',
    linkHover: 'brand-primary',
    divider: 'gray-20',
    sliderDotsIdle: 'brand-secondary-alpha-70',
    sliderDotsHover: 'brand-secondary',
    sliderDotsActive: 'brand-secondary',
    iconInformativePrimary: 'brand-secondary-tint-60',
    iconInformativeSecondary: 'brand-primary',
    iconInteractivePrimaryIdle: 'brand-secondary',
    iconInteractivePrimaryHover: 'brand-primary',
    iconInteractiveSecondaryIdle: 'brand-secondary-tint-60',
    iconInteractiveSecondaryHover: 'brand-secondary',
    iconInteractiveAlternative: 'brand-primary',
    iconInteractiveAlternativeHover: 'brand-primary-shade-130',
    iconInteractiveAlternativeBookmark: 'brand-secondary-tint-60',
    iconInteractiveAlternativeBookmarkHover: 'brand-quinary',
    iconInteractiveAlternativeBookmarkPressed: 'brand-quinary',
    ghostTextIdle: 'brand-primary',
    ghostBorderIdle: 'brand-primary',
    ghostTextHover: 'white',
    ghostBackgroundHover: 'brand-primary',
    ghostTextPressed: 'white',
    ghostBackgroundPressed: 'brand-primary-shade-130',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'white',
    filledBackgroundIdle: 'brand-primary',
    filledTextHover: 'white',
    filledBackgroundHover: 'brand-primary-tint-80',
    filledTextPressed: 'white',
    filledBackgroundPressed: 'brand-primary-shade-130',
    plainTextIdle: 'brand-primary',
    plainTextHover: 'brand-primary',
    plainBackgroundHover: 'brand-primary-alpha-10',
    plainTextPressed: 'brand-primary',
    plainBackgroundPressed: 'brand-primary-alpha-30',
    formTextPrimary: 'brand-secondary',
    formTextSecondary: 'brand-secondary-alpha-70',
    formErrorPrimary: 'ui-negative',
    formErrorSecondary: 'ui-negative-5',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-primary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-primary',
    formInputFillSecondary: 'brand-tertiary-tint-80',
    avatarBackground: 'brand-tertiary',
    avatarText: 'brand-secondary-tint-80'
  ),
  'brand-quaternary': (
    background: 'brand-quaternary',
    titlePrimary: 'brand-secondary',
    titleSecondary: 'brand-secondary',
    bodyPrimary: 'brand-secondary',
    bodySecondary: 'brand-secondary',
    positive: 'brand-secondary',
    warning: 'brand-secondary',
    negative: 'brand-secondary',
    positiveSecondary: 'brand-secondary-alpha-10',
    warningSecondary: 'brand-secondary-alpha-10',
    negativeSecondary: 'brand-secondary-alpha-10',
    navigationLinkIdle: 'brand-secondary-alpha-70',
    navigationLinkHover: 'brand-secondary',
    linkIdle: 'brand-secondary',
    linkHover: 'brand-secondary',
    divider: 'brand-secondary-alpha-30',
    sliderDotsIdle: 'brand-secondary-alpha-70',
    sliderDotsHover: 'brand-secondary',
    sliderDotsActive: 'brand-secondary',
    iconInformativePrimary: 'brand-secondary',
    iconInformativeSecondary: 'brand-secondary',
    iconInteractivePrimaryIdle: 'brand-secondary',
    iconInteractivePrimaryHover: 'brand-secondary-shade-180',
    iconInteractiveSecondaryIdle: 'brand-secondary',
    iconInteractiveSecondaryHover: 'brand-secondary-shade-180',
    iconInteractiveAlternative: 'brand-secondary',
    iconInteractiveAlternativeHover: 'brand-secondary-shade-180',
    ghostTextIdle: 'brand-secondary',
    ghostBorderIdle: 'brand-secondary',
    ghostTextHover: 'white',
    ghostBackgroundHover: 'brand-secondary',
    ghostTextPressed: 'white',
    ghostBackgroundPressed: 'brand-secondary-shade-180',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'white',
    filledBackgroundIdle: 'brand-secondary',
    filledTextHover: 'white',
    filledBackgroundHover: 'brand-secondary-tint-80',
    filledTextPressed: 'white',
    filledBackgroundPressed: 'brand-secondary-shade-180',
    plainTextIdle: 'brand-secondary',
    plainTextHover: 'brand-secondary',
    plainBackgroundHover: 'brand-secondary-alpha-10',
    plainTextPressed: 'brand-secondary',
    plainBackgroundPressed: 'brand-secondary-alpha-30',
    formTextPrimary: 'brand-secondary',
    formTextSecondary: 'brand-secondary',
    formErrorPrimary: 'brand-secondary',
    formErrorSecondary: 'white',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-secondary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-secondary',
    formInputFillSecondary: 'brand-tertiary-tint-80'
  ),
  'brand-quinary': (
    background: 'brand-quinary',
    titlePrimary: 'brand-secondary-shade-180',
    titleSecondary: 'brand-secondary-shade-180',
    bodyPrimary: 'brand-secondary-shade-180',
    bodySecondary: 'brand-secondary-shade-180',
    positive: 'brand-secondary',
    warning: 'brand-secondary',
    negative: 'brand-secondary-shade-180',
    positiveSecondary: 'brand-secondary-alpha-10',
    warningSecondary: 'brand-secondary-alpha-10',
    negativeSecondary: 'brand-secondary-alpha-10',
    navigationLinkIdle: 'brand-secondary-alpha-70',
    navigationLinkHover: 'brand-secondary-shade-180',
    linkIdle: 'brand-secondary-shade-180',
    linkHover: 'brand-secondary-shade-180',
    divider: 'brand-secondary-alpha-30',
    sliderDotsIdle: 'brand-secondary-alpha-70',
    sliderDotsHover: 'brand-secondary',
    sliderDotsActive: 'brand-secondary-shade-180',
    iconInformativePrimary: 'brand-secondary-shade-180',
    iconInformativeSecondary: 'brand-secondary-shade-180',
    iconInteractivePrimaryIdle: 'brand-secondary-shade-180',
    iconInteractivePrimaryHover: 'brand-secondary-shade-180',
    iconInteractiveSecondaryIdle: 'brand-secondary-shade-180',
    iconInteractiveSecondaryHover: 'brand-secondary-shade-180',
    iconInteractiveAlternative: 'brand-secondary-shade-180',
    iconInteractiveAlternativeHover: 'brand-secondary-shade-180',
    ghostButton: 'brand-secondary-shade-180',
    ghostTextIdle: 'brand-secondary-shade-180',
    ghostBorderIdle: 'brand-secondary',
    ghostTextHover: 'white',
    ghostBackgroundHover: 'brand-secondary',
    ghostTextPressed: 'white',
    ghostBackgroundPressed: 'brand-secondary-shade-180',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'white',
    filledBackgroundIdle: 'brand-secondary',
    filledTextHover: 'white',
    filledBackgroundHover: 'brand-secondary-tint-80',
    filledTextPressed: 'white',
    filledBackgroundPressed: 'brand-secondary-shade-180',
    plainTextIdle: 'brand-secondary-shade-180',
    plainTextHover: 'brand-secondary-shade-180',
    plainBackgroundHover: 'brand-secondary-alpha-10',
    plainTextPressed: 'brand-secondary-shade-180',
    plainBackgroundPressed: 'brand-secondary-alpha-30',
    formTextPrimary: 'brand-secondary-shade-180',
    formTextSecondary: 'brand-secondary-shade-180',
    formErrorPrimary: 'brand-secondary-shade-180',
    formErrorSecondary: 'white',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-secondary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-secondary',
    formInputFillSecondary: 'brand-tertiary-tint-80'
  ),
  'brand-senary': (
    background: 'brand-senary',
    titlePrimary: 'brand-secondary',
    titleSecondary: 'brand-secondary',
    bodyPrimary: 'brand-secondary',
    bodySecondary: 'brand-secondary',
    positive: 'brand-secondary',
    warning: 'brand-secondary',
    negative: 'brand-secondary',
    positiveSecondary: 'brand-secondary-alpha-10',
    warningSecondary: 'brand-secondary-alpha-10',
    negativeSecondary: 'brand-secondary-alpha-10',
    navigationLinkIdle: 'brand-secondary-alpha-70',
    navigationLinkHover: 'brand-secondary',
    linkIdle: 'brand-secondary',
    linkHover: 'brand-secondary',
    divider: 'brand-secondary-alpha-30',
    sliderDotsIdle: 'brand-secondary-alpha-70',
    sliderDotsHover: 'brand-secondary',
    sliderDotsActive: 'brand-secondary',
    iconInformativePrimary: 'brand-secondary',
    iconInformativeSecondary: 'brand-secondary',
    iconInteractivePrimaryIdle: 'brand-secondary',
    iconInteractivePrimaryHover: 'brand-secondary-shade-180',
    iconInteractiveSecondaryIdle: 'dark-blue-alpha-70',
    iconInteractiveSecondaryHover: 'brand-secondary-shade-180',
    iconInteractiveAlternative: 'brand-secondary',
    iconInteractiveAlternativeHover: 'brand-secondary-shade-180',
    ghostTextIdle: 'brand-secondary',
    ghostBorderIdle: 'brand-secondary',
    ghostTextHover: 'white',
    ghostBackgroundHover: 'brand-secondary',
    ghostTextPressed: 'white',
    ghostBackgroundPressed: 'brand-secondary-shade-180',
    disabledTextIcon: 'brand-secondary-tint-80',
    disabledBackground: 'gray-20',
    filledTextIdle: 'white',
    filledBackgroundIdle: 'brand-secondary',
    filledTextHover: 'white',
    filledBackgroundHover: 'brand-secondary-tint-80',
    filledTextPressed: 'white',
    filledBackgroundPressed: 'brand-secondary-shade-180',
    plainTextIdle: 'brand-secondary',
    plainTextHover: 'brand-secondary',
    plainBackgroundHover: 'brand-secondary-alpha-10',
    plainTextPressed: 'brand-secondary',
    plainBackgroundPressed: 'brand-secondary-alpha-30',
    formTextPrimary: 'brand-secondary',
    formTextSecondary: 'brand-secondary-alpha-70',
    formErrorPrimary: 'brand-secondary',
    formErrorSecondary: 'white',
    formErrorInputText: 'brand-secondary',
    formBorderPrimary: 'gray-20',
    formBorderSecondary: 'brand-secondary',
    formBorderTertiary: 'white',
    formInputFillPrimary: 'brand-secondary',
    formInputFillSecondary: 'brand-tertiary-tint-80'
  )
);
