@use 'sass:map';
@use 'sass:color';

@function get-custom-background-color($background-color, $theme) {
    $background: map.get($theme, background);
    $card: map.get($background, card);

    $new-card-color: color.adjust($background-color, $lightness: 10%);
    $new-app-bar: color.adjust($background-color, $lightness: 5%);
    $new-selected-button: color.adjust($background-color, $lightness: 7%);

    $background: map.merge($background, (background: $background-color));
    $background: map.merge($background, (card: $new-card-color));
    $background: map.merge($background, (modal: $new-card-color));
    $background: map.merge($background, (dialog: $new-card-color));
    $background: map.merge($background, (app-bar: $new-app-bar));
    $background: map.merge($background, (selected-button: $new-selected-button));

    $theme-with-new-background: map.merge($theme, (background: $background));

    $theme-color: map.get($theme-with-new-background, color);
    $theme-color-background: map.merge($theme-color, (background: $background));

    $theme-with-new-background: map.merge($theme-with-new-background, (color: $theme-color-background));

    @return $theme-with-new-background;
}