@import "../assets/bootstrap5/variables";
@import "../assets/bootstrap5/variables-dark";
@import "../assets/bootstrap5/maps";
@import "../assets/bootstrap5/utilities";
@import "../assets/bootstrap5/vendor/rfs";

$box-shadow-sm: 0 rfs-value(1px) rfs-value(4px) rgba($foundation, .1);
$box-shadow: 0 rfs-value(4px) rfs-value(10px) rgba($foundation, .12);
$box-shadow-lg: 0 rfs-value(8px) rfs-value(35px) rgba($foundation, .16);
$box-shadow-xl: 0 rfs-value(2px) rfs-value(32px) rgba($foundation, .04);
$box-shadow-xxl: 0 rfs-value(2px) rfs-value(32px) rgba($foundation, .16);
$box-shadow-inset: 0 rfs-value(1px) rfs-value(2px) rgba($foundation, .1) inset;

$all-colors: map-merge-multiple($foundations, $tangerines, $actions, $sunglows, $lavenders, $warnings, $grays, $successs, $dangers) !default;

$utilities: map-merge(
  $utilities,
  (
    "shadow": map-merge(
      map-get($utilities, "shadow"),
      (
        property: box-shadow,
        class: shadow,
        values: map-merge(
          map-get(map-get($utilities, "shadow"), "values"),
          (
            null: var(--#{$prefix}box-shadow),
            sm: var(--#{$prefix}box-shadow-sm),
            lg: var(--#{$prefix}box-shadow-lg),
            xl: var(--#{$prefix}box-shadow-xl),
            xxl: var(--#{$prefix}box-shadow-xxl),
            inset: var(--#{$prefix}box-shadow-inset)
          )
        )
      )
    ),
    "color": map-merge(
      map-get($utilities, "color"),
      (
        values: map-merge(
          map-get(map-get($utilities, "color"), "values"),
          (
            $all-colors
          ),
        ),
      ),
    ),
    "background-color": map-merge(
      map-get($utilities, "background-color"),
      (
        values: map-merge(
          map-get(map-get($utilities, "background-color"), "values"),
          (
            $all-colors
          ),
        ),
      ),
    ),
  )
);