/* Overrides for _content/Telerik.UI.for.Blazor/css/kendo-theme-material/all.css
   Only contains values that genuinely differ from the Telerik default.
   Load this file AFTER all.css.

   Original file was a de-minified copy of @progress/kendo-theme-material v8.2.0.
   All color, spacing, and border-radius differences were v8→v14 notation changes
   (hex→oklch, rem→calc) — semantically equivalent, so they are not overridden here.
*/

:root {
    /* Line height: v8 material used 2 (double-spaced), v14 uses 1.4286 */
    --kendo-line-height: 2;
    --kendo-line-height-md: 2;
    --kendo-line-height-sm: 1.2;

    /* Letter spacing: v8 material values differ from v14 defaults */
    --kendo-letter-spacing-normal: 0px;
    --kendo-letter-spacing-tight: -0.5px;
    --kendo-letter-spacing-tighter: -1.5px;
    --kendo-letter-spacing-tightest: -2.5px;
    --kendo-letter-spacing-wide: 0.15px;
    --kendo-letter-spacing-widest: 0.35px;

    /* Elevation shadows: v8 uses 3-layer Material Design shadows, v14 uses 2-layer */
    --kendo-elevation-1: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 2px 1px 0px rgba(0, 0, 0, 0.12), 0px 1px 1px 0px rgba(0, 0, 0, 0.14);
    --kendo-elevation-2: 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14);
    --kendo-elevation-3: 0px 1px 8px 0px rgba(0, 0, 0, 0.2), 0px 3px 3px 0px rgba(0, 0, 0, 0.12), 0px 3px 4px 0px rgba(0, 0, 0, 0.14);
    --kendo-elevation-4: 0px 2px 4px 0px rgba(0, 0, 0, 0.2), 0px 1px 10px 0px rgba(0, 0, 0, 0.12), 0px 4px 5px 0px rgba(0, 0, 0, 0.14);
    --kendo-elevation-5: 0px 3px 5px 0px rgba(0, 0, 0, 0.2), 0px 1px 18px 0px rgba(0, 0, 0, 0.12), 0px 6px 10px 0px rgba(0, 0, 0, 0.14);

    /* Elevation levels 6–9: not defined in all.css v14 */
    --kendo-elevation-6: 0px 5px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 14px 0px rgba(0, 0, 0, 0.12), 0px 8px 10px 0px rgba(0, 0, 0, 0.14);
    --kendo-elevation-7: 0px 7px 8px 0px rgba(0, 0, 0, 0.2), 0px 5px 22px 0px rgba(0, 0, 0, 0.12), 0px 12px 17px 0px rgba(0, 0, 0, 0.14);
    --kendo-elevation-8: 0px 8px 10px rgba(0, 0, 0, 0.2), 0px 6px 30px rgba(0, 0, 0, 0.12), 0px 16px 24px rgba(0, 0, 0, 0.14);
    --kendo-elevation-9: 0px 11px 15px rgba(0, 0, 0, 0.2), 0px 9px 46px rgba(0, 0, 0, 0.12), 0px 24px 38px rgba(0, 0, 0, 0.14);

    /* Extra spacing tokens not present in all.css v14 */
    --kendo-spacing-25: 7rem;
    --kendo-spacing-26: 8rem;
    --kendo-spacing-27: 9rem;
    --kendo-spacing-28: 10rem;
    --kendo-spacing-29: 11rem;
    --kendo-spacing-30: 12rem;

    /* Light/dark color series tokens removed from v14 */
    --kendo-color-light: #f5f5f5;
    --kendo-color-light-hover: #ebebeb;
    --kendo-color-light-active: #d6d6d6;
    --kendo-color-light-emphasis: #e0e0e0;
    --kendo-color-light-subtle: #fafafa;
    --kendo-color-light-subtle-hover: #f5f5f5;
    --kendo-color-light-subtle-active: #eeeeee;
    --kendo-color-light-on-subtle: #212121;
    --kendo-color-light-on-surface: #ebebeb;
    --kendo-color-on-light: #000000;
    --kendo-color-dark: #424242;
    --kendo-color-dark-hover: #212121;
    --kendo-color-dark-active: #000000;
    --kendo-color-dark-emphasis: #9e9e9e;
    --kendo-color-dark-subtle: #c7c7c7;
    --kendo-color-dark-subtle-hover: #c2c2c2;
    --kendo-color-dark-subtle-active: #bdbdbd;
    --kendo-color-dark-on-subtle: #212121;
    --kendo-color-dark-on-surface: #616161;
    --kendo-color-on-dark: #ffffff;
}