@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 *;

// Motion
@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,
    // Motion
    $default-easings: $kendo-easings,
    $kendo-easings: $kendo-easings !default,

    $default-durations: $kendo-durations,
    $kendo-durations: $kendo-durations !default,

    $default-transitions: $kendo-transitions,
    $kendo-transitions: $kendo-transitions !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;
}