@use "../core/_index.scss" as *;
@use "../card/_variables.scss" as *;
@use "../toolbar/_variables.scss" as *;
@use "./_variables.scss" as *;
@use "@progress/kendo-theme-core/scss/components/taskboard/_theme.scss" as *;

@mixin kendo-task-board--theme() {
    @include kendo-task-board--theme-base();

    // Cards
    .k-taskboard-card {
        &:focus,
        &.k-focus {
            @include fill(
                $kendo-card-focus-text,
                $kendo-card-focus-bg,
                $kendo-card-focus-border
            );
            @include focus-indicator( $kendo-card-focus-shadow );
        }

        &.k-selected {
            background: $kendo-taskboard-card-selected-bg;

            .k-card-header {
                background: $kendo-taskboard-card-selected-bg;
            }
        }

        &.k-disabled {
            @include fill(
                color-mix(in srgb, k-color(on-app-surface) 46%, transparent),
                k-color(base-subtle),
                transparent

            );

            .k-card-header {
                @include fill( $color: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) );
            }
        }
    }

    // Toolbar
    .k-taskboard-toolbar {
       @include fill(
            $bg: $kendo-toolbar-bg
        );
        @include box-shadow( $kendo-toolbar-shadow );
    }

}