@use "sass:map";
@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/messagebox/_theme.scss" as *;

@mixin kendo-messagebox--theme() {
    @include kendo-messagebox--theme-base();

    .k-messagebox {
        color: k-color(on-app-surface);
        background: k-color(app-surface);
        border-color: color-mix(in srgb, k-color(border) 26%, transparent);

        a {
            @include fill(
                $color: $kendo-message-box-link-text,
            );

            &:hover {
                @include fill(
                    $color: $kendo-message-box-link-hover-text,
                );
            }
        }

    }

}