export const colors = {
  backgroundBackdrop: 'var(--grapes-color-backdrop)',
  backgroundPrimaryDefault: 'var(--grapes-color-background-primary-default)',
  backgroundPrimaryHover: 'var(--grapes-color-background-primary-hover)',
  backgroundPrimaryPressed: 'var(--grapes-color-background-primary-pressed)',
  backgroundPrimarySelected: 'var(--grapes-color-background-primary-selected)',
  backgroundPrimaryDisabled: 'var(--grapes-color-background-primary-disabled)',
  backgroundPrimaryReadonly: 'var(--grapes-color-background-primary-readonly)',
  backgroundSecondaryDefault:
    'var(--grapes-color-background-secondary-default)',
  backgroundSecondaryHover: 'var(--grapes-color-background-secondary-hover)',

  backgroundTertiaryDefault: 'var(--grapes-color-background-tertiary-default)',
  backgroundComplementaryDefault:
    'var(--grapes-color-background-complementary-default)',
  backgroundComplementaryHover:
    'var(--grapes-color-background-complementary-hover)',
  backgroundComplementaryPressed:
    'var(--grapes-color-background-complementary-pressed)',
  backgroundComplementaryDisabled:
    'var(--grapes-color-background-complementary-disabled)',
  backgroundPrimaryBrandDefault:
    'var(--grapes-color-background-primary-brand-default)',
  backgroundPrimaryBrandHover:
    'var(--grapes-color-background-primary-brand-hover)',
  backgroundPrimaryBrandPressed:
    'var(--grapes-color-background-primary-brand-pressed)',
  backgroundPrimaryInfoDefault:
    'var(--grapes-color-background-primary-info-default)',
  backgroundPrimaryInfoHover:
    'var(--grapes-color-background-primary-info-hover)',
  backgroundPrimaryInfoPressed:
    'var(--grapes-color-background-primary-info-pressed)',
  backgroundPrimarySuccessDefault:
    'var(--grapes-color-background-primary-success-default)',
  backgroundPrimarySuccessHover:
    'var(--grapes-color-background-primary-success-hover)',
  backgroundPrimarySuccessPressed:
    'var(--grapes-color-background-primary-success-pressed)',
  backgroundPrimaryWarningDefault:
    'var(--grapes-color-background-primary-warning-default)',
  backgroundPrimaryWarningHover:
    'var(--grapes-color-background-primary-warning-hover)',
  backgroundPrimaryWarningPressed:
    'var(--grapes-color-background-primary-warning-pressed)',
  backgroundPrimaryAlertDefault:
    'var(--grapes-color-background-primary-alert-default)',
  backgroundPrimaryAlertHover:
    'var(--grapes-color-background-primary-alert-hover)',
  backgroundPrimaryAlertPressed:
    'var(--grapes-color-background-primary-alert-pressed)',
  backgroundSecondaryBrandDefault:
    'var(--grapes-color-background-secondary-brand-default)',
  backgroundSecondaryBrandHover:
    'var(--grapes-color-background-secondary-brand-hover)',
  backgroundSecondaryBrandPressed:
    'var(--grapes-color-background-secondary-brand-pressed)',
  backgroundSecondaryInfoDefault:
    'var(--grapes-color-background-secondary-info-default)',
  backgroundSecondaryInfoHover:
    'var(--grapes-color-background-secondary-info-hover)',
  backgroundSecondaryInfoPressed:
    'var(--grapes-color-background-secondary-info-pressed)',
  backgroundSecondarySuccessDefault:
    'var(--grapes-color-background-secondary-success-default)',
  backgroundSecondarySuccessHover:
    'var(--grapes-color-background-secondary-success-hover)',
  backgroundSecondarySuccessPressed:
    'var(--grapes-color-background-secondary-success-pressed)',
  backgroundSecondaryWarningDefault:
    'var(--grapes-color-background-secondary-warning-default)',
  backgroundSecondaryWarningHover:
    'var(--grapes-color-background-secondary-warning-hover)',
  backgroundSecondaryWarningPressed:
    'var(--grapes-color-background-secondary-warning-pressed)',
  backgroundSecondaryAlertDefault:
    'var(--grapes-color-background-secondary-alert-default)',
  backgroundSecondaryAlertHover:
    'var(--grapes-color-background-secondary-alert-hover)',
  backgroundSecondaryAlertPressed:
    'var(--grapes-color-background-secondary-alert-pressed)',

  contentPrimary: 'var(--grapes-color-content-primary)',
  contentSecondaryBgPrimary: 'var(--grapes-color-content-secondary-bg-primary)',
  contentSecondaryBgSecondary:
    'var(--grapes-color-content-secondary-bg-secondary)',
  contentDecorativeIcon: 'var(--grapes-color-content-decorative-icon)',
  contentComplementary: 'var(--grapes-color-content-complementary)',
  contentSelected: 'var(--grapes-color-content-selected)',
  contentDisabled: 'var(--grapes-color-content-disabled)',
  contentBrandDefault: 'var(--grapes-color-content-brand-default)',
  contentBrandHover: 'var(--grapes-color-content-brand-hover)',
  contentBrandPressed: 'var(--grapes-color-content-brand-pressed)',
  contentInfoDefault: 'var(--grapes-color-content-info-default)',
  contentSuccessDefault: 'var(--grapes-color-content-success-default)',
  contentWarningDefault: 'var(--grapes-color-content-warning-default)',
  contentAlertDefault: 'var(--grapes-color-content-alert-default)',

  borderDefault: 'var(--grapes-color-border-default)',
  borderComplementary: 'var(--grapes-color-border-complementary)',
  borderHover: 'var(--grapes-color-border-hover)',
  borderSelected: 'var(--grapes-color-border-selected)',
  borderInfo: 'var(--grapes-color-border-info)',
  borderSuccess: 'var(--grapes-color-border-success)',
  borderWarning: 'var(--grapes-color-border-warning)',
  borderAlert: 'var(--grapes-color-border-alert)',
};