@use "../core/_index.scss" as *;
@use "./_variables.scss" as *;

@mixin kendo-wizard--theme() {

    .k-wizard-step {
        .k-wizard-content {
            @include fill(
                var( --kendo-wizard-content-text, #{$kendo-wizard-content-text} ),
                var( --kendo-wizard-content-bg, #{$kendo-wizard-content-bg} )
            );
        }

        &:focus,
        &.k-focus {
            outline-color: var( --kendo-wizard-step-focus-border, #{$kendo-wizard-step-focus-border} );
        }
    }

}