@use "sass:map";

// Swatch
@use "./color-system/_swatch.scss" as *;

// Elevation
@use "./elevation/_index.scss" as *;
@forward "./elevation/_legacy.scss";

// Typography
@use "./typography/_index.scss" as *;

// Spacing
@use "./spacing/_index.scss" as *;

// Radii
@use "./border-radii/_index.scss" as *;

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

@forward "@progress/kendo-theme-core/scss/index.scss" with (
    // Color System
    $_default-colors: $kendo-colors,
    $kendo-colors: $kendo-colors !default,
    // Elevation
    $_default-elevation: $kendo-elevation,
    $kendo-elevation: $kendo-elevation !default,
    // Typography
    $_default-font-sizes: $kendo-font-sizes,
    $kendo-font-sizes: $kendo-font-sizes !default,
    $kendo-font-size: $kendo-font-size !default,

    $_default-line-heights: $kendo-line-heights,
    $kendo-line-heights: $kendo-line-heights !default,
    $kendo-line-height: $kendo-line-height !default,

    $kendo-letter-spacing: $kendo-letter-spacing !default,

    $kendo-font-family: $kendo-font-family !default,
    // Spacing
    $_default-spacing: $kendo-spacing,
    $kendo-spacing: $kendo-spacing !default,
    // Radii
    $_default-border-radii: $kendo-border-radii,
    $kendo-border-radii: $kendo-border-radii !default,
    $kendo-transition: $kendo-transition !default,
);

// Global disabled styles
:root {
    --kendo-disabled-text: color-mix(in srgb, var(--kendo-color-on-app-surface, #323130) 46%, transparent);
    --kendo-disabled-bg: var(--kendo-color-base-subtle, #edebe9);
    --kendo-disabled-border: transparent;
    --kendo-disabled-opacity: unset;
    --kendo-disabled-filter: unset;
}