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

// Wizard

$kendo-wizard-padding-x: calc( #{k-spacing(2)} * 2.5 ) !default;
$kendo-wizard-padding-y: $kendo-wizard-padding-x !default;
$kendo-wizard-content-padding-x: calc( #{k-spacing(2)} * 4 ) !default;
$kendo-wizard-content-padding-y: calc( #{k-spacing(1)} * 8 ) !default;
$kendo-wizard-buttons-margin-x: k-spacing(2.5) !default;

$kendo-wizard-border-width: 0px !default;
$kendo-wizard-font-size: var(--kendo-font-size) !default;
$kendo-wizard-line-height: var(--kendo-line-height) !default;
$kendo-wizard-font-family: var(--kendo-font-family) !default;

$kendo-wizard-step-focus-border: k-color(subtle) !default;

@forward "@progress/kendo-theme-core/scss/components/wizard/_variables.scss" with (
    $kendo-wizard-padding-x: $kendo-wizard-padding-x,
    $kendo-wizard-padding-y: $kendo-wizard-padding-y,
    $kendo-wizard-content-padding-x: $kendo-wizard-content-padding-x,
    $kendo-wizard-content-padding-y: $kendo-wizard-content-padding-y,
    $kendo-wizard-buttons-margin-x: $kendo-wizard-buttons-margin-x,
    $kendo-wizard-border-width: $kendo-wizard-border-width,
    $kendo-wizard-font-size: $kendo-wizard-font-size,
    $kendo-wizard-line-height: $kendo-wizard-line-height,
    $kendo-wizard-font-family: $kendo-wizard-font-family,
    $kendo-wizard-step-focus-border: $kendo-wizard-step-focus-border
);