@mixin my-environment-bg-map {
  // header

  .my-environment__controls {
    .icon {
      color: returnColorCSSVar('brand-primary');

      &:hover {
        color: returnColorCSSVar('brand-secondary');
      }
    }

    @include bg-variants(
      $supportedBackgrounds: (
        'white'
      )
    ) {
      .icon {
        color: variant-property('linkIdle');

        &:hover {
          color: variant-property('titlePrimary');
        }
      }
    }
  }

  .my-environment-header {
    color: returnColorCSSVar('brand-primary');

    @include bg-variants(
      $supportedBackgrounds: (
        'white'
      )
    ) {
      color: variant-property('titleSecondary');
    }
  }

  .content-block__eyebrow span {
    @include color-dark-shade-main;
  }

  // dashboard

  .dashboard-card.cards__item {
    background: returnColorCSSVar('brand-primary-tint-7');
  }

  .dashboard-card {
    &--top,
    &--bottom {
      @include color-dark-shade-alternative;
    }

    &--middle {
      color: returnColorCSSVar('brand-primary');
    }

    .cards__link {
      color: returnColorCSSVar('brand-secondary');
    }
  }

  // misc

  .my-environment-item__card {
    background: returnColorCSSVar('brand-primary-tint-7');

    .my-environment-header {
      color: returnColorCSSVar('brand-secondary');
    }
  }
}