:root {
    /* Core neutrals (foundation) */
    --kendo-color-app-surface: #ffffff;
    --kendo-color-on-app-surface: #000000;
    --kendo-color-surface: #ffffff;
    --kendo-color-surface-alt: #f7f7f7;
    --kendo-color-border: rgba(0, 0, 0, 0.08);
    --kendo-color-border-alt: rgba(0, 0, 0, 0.16);
    --kendo-color-subtle: #6b6b6b;
    --kendo-color-base-subtle: #f2f2f2;
    --kendo-color-base-subtle-hover: #e8e8e8;
    --kendo-color-base-subtle-active: #dedede;
    --kendo-color-base: #f0f0f0;
    --kendo-color-base-hover: #ebebeb;
    --kendo-color-base-active: #e0e0e0;
    --kendo-color-base-emphasis: #cfcfcf;
    --kendo-color-base-on-subtle: #000000;
    --kendo-color-on-base: #000000;
    --kendo-color-base-on-surface: #000000;
    /* Primary brand color */
    --kendo-color-primary: #cc0033;
    --kendo-color-primary-hover: #b50932;
    --kendo-color-primary-active: #9f082c;
    --kendo-color-primary-emphasis: #e15a77;
    --kendo-color-primary-subtle: #fde3ea;
    --kendo-color-primary-subtle-hover: #fbcbd6;
    --kendo-color-primary-subtle-active: #f8a8bb;
    --kendo-color-primary-on-subtle: #5a0418;
    --kendo-color-on-primary: #ffffff;
    --kendo-color-primary-on-surface: #cc0a37;
    /* Secondary - neutral dark */
    --kendo-color-secondary: #3d3d3d;
    --kendo-color-secondary-hover: #292929;
    --kendo-color-secondary-active: #1f1f1f;
    --kendo-color-secondary-emphasis: #7a7a7a;
    --kendo-color-secondary-subtle: #f5f5f5;
    --kendo-color-secondary-subtle-hover: #ebebeb;
    --kendo-color-secondary-subtle-active: #e0e0e0;
    --kendo-color-secondary-on-subtle: #000000;
    --kendo-color-on-secondary: #ffffff;
    --kendo-color-secondary-on-surface: #292929;
    /* Semantic colors */
    /* Info */
    --kendo-color-info: #1f1f1f;
    --kendo-color-info-hover: #000000;
    --kendo-color-info-active: #000000;
    --kendo-color-info-emphasis: #6b6b6b;
    --kendo-color-info-subtle: #ededed;
    --kendo-color-info-subtle-hover: #e3e3e3;
    --kendo-color-info-subtle-active: #d9d9d9;
    --kendo-color-info-on-subtle: #000000;
    --kendo-color-on-info: #ffffff;
    --kendo-color-info-on-surface: #1f1f1f;
    /* Success */
    --kendo-color-success: #2f7d32;
    --kendo-color-success-hover: #276a2a;
    --kendo-color-success-active: #1f5722;
    --kendo-color-success-emphasis: #78b27b;
    --kendo-color-success-subtle: #e6f3e7;
    --kendo-color-success-subtle-hover: #d6ecd8;
    --kendo-color-success-subtle-active: #c3e3c7;
    --kendo-color-success-on-subtle: #1f4a22;
    --kendo-color-on-success: #ffffff;
    --kendo-color-success-on-surface: #1f5722;
    /* Warning */
    --kendo-color-warning: #b37a00;
    --kendo-color-warning-hover: #9f6c00;
    --kendo-color-warning-active: #8b5e00;
    --kendo-color-warning-emphasis: #d4a94d;
    --kendo-color-warning-subtle: #fff3d6;
    --kendo-color-warning-subtle-hover: #ffecbf;
    --kendo-color-warning-subtle-active: #ffe39a;
    --kendo-color-warning-on-subtle: #5a3f00;
    --kendo-color-on-warning: #000000;
    --kendo-color-warning-on-surface: #b37a00;
    /* Error */
    --kendo-color-error: #cc0a37;
    --kendo-color-error-hover: #b50932;
    --kendo-color-error-active: #9f082c;
    --kendo-color-error-emphasis: #e15a77;
    --kendo-color-error-subtle: #fde3ea;
    --kendo-color-error-subtle-hover: #fbcbd6;
    --kendo-color-error-subtle-active: #f8a8bb;
    --kendo-color-error-on-subtle: #5a0418;
    --kendo-color-on-error: #ffffff;
    --kendo-color-error-on-surface: #9f082c;
    /* Light */
    --kendo-color-light: #ffffff;
    --kendo-color-light-hover: #f5f5f5;
    --kendo-color-light-active: #ebebeb;
    --kendo-color-light-emphasis: #e0e0e0;
    --kendo-color-light-on-subtle: #000000;
    --kendo-color-on-light: #000000;
    --kendo-color-light-on-surface: #e0e0e0;
    /* Dark */
    --kendo-color-dark: #000000;
    --kendo-color-dark-hover: #1f1f1f;
    --kendo-color-dark-active: #292929;
    --kendo-color-dark-emphasis: #3d3d3d;
    --kendo-color-dark-on-subtle: #000000;
    --kendo-color-on-dark: #ffffff;
    --kendo-color-dark-on-surface: #141414;
    /* Inverse */
    --kendo-color-inverse: #000000;
    --kendo-color-inverse-hover: #1f1f1f;
    --kendo-color-inverse-active: #292929;
    --kendo-color-inverse-emphasis: #666666;
    --kendo-color-inverse-on-subtle: #ffffff;
    --kendo-color-on-inverse: #ffffff;
    --kendo-color-inverse-on-surface: #141414;
    /* Data series */
    --kendo-color-series-a: #cc0a37;
    --kendo-color-series-a-bold: #9f082c;
    --kendo-color-series-a-bolder: #5a0418;
    --kendo-color-series-a-subtle: #fbcbd6;
    --kendo-color-series-a-subtler: #fde3ea;

    --kendo-color-series-b: #000000;
    --kendo-color-series-b-bold: #1f1f1f;
    --kendo-color-series-b-bolder: #3d3d3d;
    --kendo-color-series-b-subtle: #e0e0e0;
    --kendo-color-series-b-subtler: #f2f2f2;

    --kendo-color-series-c: #6b6b6b;
    --kendo-color-series-c-bold: #525252;
    --kendo-color-series-c-bolder: #3d3d3d;
    --kendo-color-series-c-subtle: #dedede;
    --kendo-color-series-c-subtler: #f0f0f0;
}