// Utilities

$utilities-alt: () !default;
// stylelint-disable-next-line scss/dollar-variable-default
$utilities-alt: map-merge(
  (
    "shadow": (
      property: box-shadow,
      class: shadow,
      values: (
        null: $box-shadow-alt,
        sm: $box-shadow-sm-alt,
        lg: $box-shadow-lg-alt,
      )
    ),
    "border": (
      property: border,
      values: (
        null: $border-width solid $border-color-alt,
      )
    ),
    "border-top": (
      property: border-top,
      values: (
        null: $border-width solid $border-color-alt,
      )
    ),
    "border-end": (
      property: border-right,
      class: border-end,
      values: (
        null: $border-width solid $border-color-alt,
      )
    ),
    "border-bottom": (
      property: border-bottom,
      values: (
        null: $border-width solid $border-color-alt,
      )
    ),
    "border-start": (
      property: border-left,
      class: border-start,
      values: (
        null: $border-width solid $border-color-alt,
      )
    ),
    "border-color": (
      property: border-color,
      class: border,
      values: map-merge(
        $theme-colors-alt,
        (
          "white": $white-alt,
          "black": $black-alt
        )
      )
    ),
    // Text
    // DON'T NEED TO DARK, CSS VARS TAKES CARE OF THIS.
    // "gradient": (
    //   property: background-image,
    //   class: bg,
    //   values: (gradient: var(--#{$variable-prefix}gradient))
    // )
    "color": (
      property: color,
      class: text,
      values: map-merge(
        $utilities-text-colors-alt,
        (
          "muted": $text-muted-alt,
          "white-50": rgba($white-alt, .5),
          "black-50": rgba($black-alt, .5)
        )
      )
    ),
    "background-color": (
      property: background-color,
      class: bg,
      values: map-merge(
        $utilities-bg-colors-alt,
        (
          "black": $black-alt
        )
      )
    )
  ),
  $utilities-alt
);