@use "sass:map";

@use "../../../mixins" as *;
@use "../../../utils" as *;
@use "../../palette" as *;
@use "../../text" as *;

$image-default-accent: (
  "light": (
    "border-bg": #{rgba(#000, 0.1)},
    "bg": #{rgba(#000, 0.1)},
  ),
  "dark": (
    "border-bg": #{rgba(#fff, 0.1)},
    "bg": #{rgba(#fff, 0.1)},
  ),
) !default;

@function map-to-image($theme, $accent, $colors) {
  $bg: map.get($colors, "bg");

  @return ("border-bg": rgba($bg, 0.6), "bg": rgba($bg, 0.1));
}
