global:
  scope: component
  type: color
  category: background-color
  cssProperties:
  - 'background*'
  - 'border*'
  - box-shadow
imports:
- "../../../../design-tokens/aliases/colors.yml"
- "../../../../design-tokens/aliases/color-palettes.yml"
props:
  CAROUSEL_COLOR_BACKGROUND:
    value: '{!PALETTE_GRAY_1}'
    comment: Default background for carousel card
  CAROUSEL_INDICATOR_COLOR_BACKGROUND:
    value: '{!PALETTE_GRAY_1}'
    comment: Default background for carousel navigation indicators
  CAROUSEL_INDICATOR_COLOR_BACKGROUND_HOVER:
    value: '{!PALETTE_GRAY_2}'
    comment: Default hover background for carousel navigation indicators
  CAROUSEL_INDICATOR_COLOR_BACKGROUND_FOCUS:
    value: '{!ENDEAVOUR}'
    comment: Default focus background for carousel navigation indicators
  CAROUSEL_INDICATOR_COLOR_BACKGROUND_ACTIVE:
    value: '{!SCIENCE_BLUE}'
    comment: Default background for active state on carousel navigation indicators