//
// Root
//

// Light mode
@include theme-light() {
    // Page bg
    --kt-page-bg: #{$page-bg};

    // App blank bg color
    --kt-app-blank-bg: #{$app-blank-bg-color};

    // Header
    --kt-header-bg-color: #{get($header-config, bg-color)};
    --kt-header-border-color: #{get($header-config, border-color)};
}

// Dark mode
@include theme-dark() {
    // Page bg
    --kt-page-bg: #{$page-bg-dark};

    // App blank bg color
    --kt-app-blank-bg: #{$app-blank-bg-color-dark};

    // Header
    --kt-header-bg-color: #{get($header-config, bg-color-dark)};
    --kt-header-border-color: #{get($header-config, border-color-dark)};
}
