:root {
    --kendo-color-app-surface: #fff;
    --kendo-color-on-app-surface: #424242;
    --kendo-color-subtle: #666;
    --kendo-color-surface: #fafafa;
    --kendo-color-surface-alt: #fff;
    --kendo-color-border: rgba(0, 0, 0, 0.08);
    --kendo-color-border-alt: rgba(0, 0, 0, 0.16);
    --kendo-color-base-subtle: #ebebeb;
    --kendo-color-base-subtle-hover: #e1e1e1;
    --kendo-color-base-subtle-active: #d5d5d5;
    --kendo-color-base: #ffffff;
    --kendo-color-base-hover: #ebebeb;
    --kendo-color-base-active: #d8d8d8;
    --kendo-color-base-emphasis: #c2c2c2;
    --kendo-color-base-on-subtle: #424242;
    --kendo-color-on-base: #424242;
    --kendo-color-base-on-surface: #424242;
    --kendo-color-primary-subtle: #e5f0be;
    --kendo-color-primary-subtle-hover: #d8e9a0;
    --kendo-color-primary-subtle-active: #cce184;
    --kendo-color-primary: #96bd0d;
    --kendo-color-primary-hover: #80a20b;
    --kendo-color-primary-active: #6b8709;
    --kendo-color-primary-emphasis: #b5d350;
    --kendo-color-primary-on-subtle: #151b01;
    --kendo-color-on-primary: #fff;
    --kendo-color-primary-on-surface: #96bd0d;
    --kendo-color-secondary-subtle: #fdfdfd;
    --kendo-color-secondary-subtle-hover: #fcfcfc;
    --kendo-color-secondary-subtle-active: #fbfbfb;
    --kendo-color-secondary: #f6f6f6;
    --kendo-color-secondary-hover: #ececec;
    --kendo-color-secondary-active: #d8d8d8;
    --kendo-color-secondary-emphasis: #f8f8f8;
    --kendo-color-secondary-on-subtle: #565656;
    --kendo-color-on-secondary: #000;
    --kendo-color-secondary-on-surface: #b9b9b9;
    --kendo-color-tertiary-subtle: #d8f1fd;
    --kendo-color-tertiary-subtle-hover: #c5eafc;
    --kendo-color-tertiary-subtle-active: #a3dffb;
    --kendo-color-tertiary: #03a9f4;
    --kendo-color-tertiary-hover: #039ae0;
    --kendo-color-tertiary-active: #028ccb;
    --kendo-color-tertiary-emphasis: #61c9f9;
    --kendo-color-tertiary-on-subtle: #023f5c;
    --kendo-color-on-tertiary: #fff;
    --kendo-color-tertiary-on-surface: #028ccb;
    --kendo-color-info-subtle: #daf0fd;
    --kendo-color-info-subtle-hover: #c8e8fc;
    --kendo-color-info-subtle-active: #a4dafb;
    --kendo-color-info: #5dbef8;
    --kendo-color-info-hover: #50a2d4;
    --kendo-color-info-active: #4387b1;
    --kendo-color-info-emphasis: #92d3fa;
    --kendo-color-info-on-subtle: #0d1b23;
    --kendo-color-on-info: #fff;
    --kendo-color-info-on-surface: #4387b1;
    --kendo-color-success-subtle: #b5e3b5;
    --kendo-color-success-subtle-hover: #94d594;
    --kendo-color-success-subtle-active: #76c776;
    --kendo-color-success: #0c820c;
    --kendo-color-success-hover: #0a6f0a;
    --kendo-color-success-active: #085c08;
    --kendo-color-success-emphasis: #43ab43;
    --kendo-color-success-on-subtle: #011201;
    --kendo-color-on-success: #fff;
    --kendo-color-success-on-surface: #085c08;
    --kendo-color-warning-subtle: #fdebc6;
    --kendo-color-warning-subtle-hover: #fde1aa;
    --kendo-color-warning-subtle-active: #fcd78e;
    --kendo-color-warning: #faa805;
    --kendo-color-warning-hover: #d68f04;
    --kendo-color-warning-active: #b27703;
    --kendo-color-warning-emphasis: #fbc457;
    --kendo-color-warning-on-subtle: #231700;
    --kendo-color-on-warning: #000;
    --kendo-color-warning-on-surface: #faa805;
    --kendo-color-error-subtle: #f3c2c2;
    --kendo-color-error-subtle-hover: #eea5a5;
    --kendo-color-error-subtle-active: #e26f6f;
    --kendo-color-error: #c11;
    --kendo-color-error-hover: #ae0e0e;
    --kendo-color-error-active: #910c0c;
    --kendo-color-error-emphasis: #d55;
    --kendo-color-error-on-subtle: #1d0202;
    --kendo-color-on-error: #fff;
    --kendo-color-error-on-surface: #910c0c;
    --kendo-color-light-subtle: #fafafa;
    --kendo-color-light-subtle-hover: #f5f5f5;
    --kendo-color-light-subtle-active: #ebebeb;
    --kendo-color-light: #ebebeb;
    --kendo-color-light-hover: #e0e0e0;
    --kendo-color-light-active: #d6d6d6;
    --kendo-color-light-emphasis: #d6d6d6;
    --kendo-color-light-on-subtle: #141414;
    --kendo-color-on-light: #000;
    --kendo-color-light-on-surface: #e0e0e0;
    --kendo-color-dark-subtle: #c2c2c2;
    --kendo-color-dark-subtle-hover: #adadad;
    --kendo-color-dark-subtle-active: #999;
    --kendo-color-dark: #3d3d3d;
    --kendo-color-dark-hover: #292929;
    --kendo-color-dark-active: #1f1f1f;
    --kendo-color-dark-emphasis: #666;
    --kendo-color-dark-on-subtle: #1f1f1f;
    --kendo-color-on-dark: #fff;
    --kendo-color-dark-on-surface: #141414;
    --kendo-color-inverse-subtle: #c2c2c2;
    --kendo-color-inverse-subtle-hover: #adadad;
    --kendo-color-inverse-subtle-active: #999;
    --kendo-color-inverse: #3d3d3d;
    --kendo-color-inverse-hover: #292929;
    --kendo-color-inverse-active: #1f1f1f;
    --kendo-color-inverse-emphasis: #666;
    --kendo-color-inverse-on-subtle: #1f1f1f;
    --kendo-color-on-inverse: #fff;
    --kendo-color-inverse-on-surface: #141414;
    --kendo-color-series-a: #193169;
    --kendo-color-series-a-bold: #0e1c3c;
    --kendo-color-series-a-bolder: #03070f;
    --kendo-color-series-a-subtle: #6379ab;
    --kendo-color-series-a-subtler: #dae0ee;
    --kendo-color-series-b: #cb205e;
    --kendo-color-series-b-bold: #911643;
    --kendo-color-series-b-bolder: #570d28;
    --kendo-color-series-b-subtle: #e791b1;
    --kendo-color-series-b-subtler: #f9e1ea;
    --kendo-color-series-c: #e9b425;
    --kendo-color-series-c-bold: #a6801a;
    --kendo-color-series-c-bolder: #634d0f;
    --kendo-color-series-c-subtle: #f0cb69;
    --kendo-color-series-c-subtler: #f7e4b2;
    --kendo-color-series-d: #7d1d9a;
    --kendo-color-series-d-bold: #59146d;
    --kendo-color-series-d-bolder: #23082c;
    --kendo-color-series-d-subtle: #b26dc6;
    --kendo-color-series-d-subtler: #dfbee8;
    --kendo-color-series-e: #e9e325;
    --kendo-color-series-e-bold: #a6a21a;
    --kendo-color-series-e-bolder: #63610f;
    --kendo-color-series-e-subtle: #f5f299;
    --kendo-color-series-e-subtler: #fcfbe4;
    --kendo-color-series-f: #e95c25;
    --kendo-color-series-f-bold: #a6421a;
    --kendo-color-series-f-bolder: #63270f;
    --kendo-color-series-f-subtle: #f2a181;
    --kendo-color-series-f-subtler: #fcebe4
}


:root {
    --kendo-elevation-1: 0 2px 3px rgba(0, 0, 0, 0.04), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-2: 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-3: 0 6px 8px rgba(0, 0, 0, 0.08), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-4: 0 8px 10px rgba(0, 0, 0, 0.12), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-5: 0 10px 12px rgba(0, 0, 0, 0.16), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-6: 0 12px 14px rgba(0, 0, 0, 0.2), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-7: 0 14px 16px rgba(0, 0, 0, 0.24), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-8: 0 16px 18px rgba(0, 0, 0, 0.28), 0 4px 16px rgba(0, 0, 0, 0.12);
    --kendo-elevation-9: 0 32px 34px rgba(0, 0, 0, 0.32), 0 4px 16px rgba(0, 0, 0, 0.12)
}

:root {
    --kendo-font-family: inherit;
    --kendo-font-size: 0.6875rem;
    --kendo-line-height: 1rem;
    --kendo-font-weight: 400;
    --kendo-letter-spacing:;
    --kendo-font-size-xxs: .5rem;
    --kendo-font-size-xs: .6625rem;
    --kendo-font-size-sm: .625rem;
    --kendo-font-size-md: .6875rem;
    --kendo-font-size-lg: .875rem;
    --kendo-font-size-xl: 1rem;
    --kendo-line-height-xs: 1;
    --kendo-line-height-sm: 1.25;
    --kendo-line-height-md: 1.4285714286;
    --kendo-line-height-lg: 1.5;
    --kendo-font-weight-thin: 100;
    --kendo-font-weight-extra-light: 200;
    --kendo-font-weight-light: 300;
    --kendo-font-weight-normal: 400;
    --kendo-font-weight-medium: 500;
    --kendo-font-weight-semibold: 600;
    --kendo-font-weight-bold: 700;
    --kendo-letter-spacing-tightest: -.15px;
    --kendo-letter-spacing-tighter: -.1px;
    --kendo-letter-spacing-tight: -.5px;
    --kendo-letter-spacing-normal: 0;
    --kendo-letter-spacing-wide: .5px;
    --kendo-letter-spacing-wider: .1px;
    --kendo-letter-spacing-widest: .15px;
    --kendo-font-family-sans: Segoe UI, Arial, Helvetica, sans-serif;
    --kendo-font-family-serif: Times New Roman, Georgia, Garamond, Palatino, Baskerville;
    --kendo-font-family-sans-serif: system-ui, -apple-system, Segoe UI, Roboto, Helvetica Neue, Noto Sans, Liberation Sans, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
    --kendo-font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, Roboto Mono, Ubuntu Mono, Lucida Console, Courier New, monospace;
    --kendo-font-family-secondary: Helvetica Neue, Helvetica, Arial, Segoe UI, sans-serif;
}

:root {
    --kendo-spacing-0: 0;
    --kendo-spacing-1px: 1px;
    --kendo-spacing-\.5: .125rem;
    --kendo-spacing-1: .25rem;
    --kendo-spacing-1\.5: .375rem;
    --kendo-spacing-2: .5rem;
    --kendo-spacing-2\.5: .625rem;
    --kendo-spacing-3: .75rem;
    --kendo-spacing-3\.5: .875rem;
    --kendo-spacing-4: 1rem;
    --kendo-spacing-4\.5: 1.125rem;
    --kendo-spacing-5: 1.25rem;
    --kendo-spacing-5\.5: 1.375rem;
    --kendo-spacing-6: 1.5rem;
    --kendo-spacing-6\.5: 1.625rem;
    --kendo-spacing-7: 1.75rem;
    --kendo-spacing-7\.5: 1.875rem;
    --kendo-spacing-8: 2rem;
    --kendo-spacing-9: 2.25rem;
    --kendo-spacing-10: 2.5rem;
    --kendo-spacing-11: 2.75rem;
    --kendo-spacing-12: 3rem;
    --kendo-spacing-13: 3.25rem;
    --kendo-spacing-14: 3.5rem;
    --kendo-spacing-15: 3.75rem;
    --kendo-spacing-16: 4rem;
    --kendo-spacing-17: 4.25rem;
    --kendo-spacing-18: 4.5rem;
    --kendo-spacing-19: 4.75rem;
    --kendo-spacing-20: 5rem;
    --kendo-spacing-21: 5.25rem;
    --kendo-spacing-22: 5.5rem;
    --kendo-spacing-23: 5.75rem;
    --kendo-spacing-24: 6rem;
    --kendo-spacing-25: 7rem;
    --kendo-spacing-26: 8rem;
    --kendo-spacing-27: 9rem;
    --kendo-spacing-28: 10rem;
    --kendo-spacing-29: 11rem;
    --kendo-spacing-30: 12rem
}

:root {
    --kendo-border-radius-none: 0;
    --kendo-border-radius-xs: 1px;
    --kendo-border-radius-sm: .125rem;
    --kendo-border-radius-md: .25rem;
    --kendo-border-radius-lg: .375rem;
    --kendo-border-radius-xl: .5rem;
    --kendo-border-radius-xxl: .75rem;
    --kendo-border-radius-xxxl: 1rem;
    --kendo-border-radius-full: 9999px
}

/* Theme custom vars */

:root {
    --sie-alarm-nav-active-img-url: url('img/alarm-nav-96bd0d-active.svg');
    --sie-project-title-color: var(--kendo-color-on-base);
}