@use "../../color-system/_functions.scss" as *;
@use "../../mixins/index.scss" as *;
@use "./variables.scss" as *;

@mixin kendo-panel--theme--base() {
    // Panels
    .k-block,
    .k-panel {
        @include fill(
            $kendo-panel-text,
            $kendo-panel-bg,
            $kendo-panel-border
        );

        > .k-header {
            @include fill(
                k-color(on-app-surface),
                k-color(surface-alt),
                k-color(border)
            );
        }
    }

    :where(.k-content) {
        @include fill(
            $kendo-panel-text,
            $kendo-panel-bg,
            $kendo-panel-border
        );
    }
}

@mixin kendo-panel--theme() {
    @include kendo-panel--theme--base();
}