:root{
    --kendo-color-primary-90: color-mix(in srgb, var(--kendo-color-primary), white 10%);
    --kendo-color-primary-80: color-mix(in srgb, var(--kendo-color-primary), white 20%);
    --kendo-color-primary-70: color-mix(in srgb, var(--kendo-color-primary), white 30%);
    --kendo-color-primary-60: color-mix(in srgb, var(--kendo-color-primary), white 40%);
    --kendo-color-primary-50: color-mix(in srgb, var(--kendo-color-primary), white 50%);
    --kendo-color-primary-40: color-mix(in srgb, var(--kendo-color-primary), white 60%);
    --kendo-color-primary-30: color-mix(in srgb, var(--kendo-color-primary), white 70%);
    --kendo-color-primary-20: color-mix(in srgb, var(--kendo-color-primary), white 80%);
    --kendo-color-primary-10: color-mix(in srgb, var(--kendo-color-primary), white 90%);
    
    --kendo-color-secondary-90: color-mix(in srgb, var(--kendo-color-secondary), white 10%);
    --kendo-color-secondary-80: color-mix(in srgb, var(--kendo-color-secondary), white 20%);
    --kendo-color-secondary-70: color-mix(in srgb, var(--kendo-color-secondary), white 30%);
    --kendo-color-secondary-60: color-mix(in srgb, var(--kendo-color-secondary), white 40%);
    --kendo-color-secondary-50: color-mix(in srgb, var(--kendo-color-secondary), white 50%);
    --kendo-color-secondary-40: color-mix(in srgb, var(--kendo-color-secondary), white 60%);
    --kendo-color-secondary-30: color-mix(in srgb, var(--kendo-color-secondary), white 70%);
    --kendo-color-secondary-20: color-mix(in srgb, var(--kendo-color-secondary), white 80%);
    --kendo-color-secondary-10: color-mix(in srgb, var(--kendo-color-secondary), white 90%);
    
    --kendo-color-tertiary-90: color-mix(in srgb, var(--kendo-color-tertiary), white 10%);
    --kendo-color-tertiary-80: color-mix(in srgb, var(--kendo-color-tertiary), white 20%);
    --kendo-color-tertiary-70: color-mix(in srgb, var(--kendo-color-tertiary), white 30%);
    --kendo-color-tertiary-60: color-mix(in srgb, var(--kendo-color-tertiary), white 40%);
    --kendo-color-tertiary-50: color-mix(in srgb, var(--kendo-color-tertiary), white 50%);
    --kendo-color-tertiary-40: color-mix(in srgb, var(--kendo-color-tertiary), white 60%);
    --kendo-color-tertiary-30: color-mix(in srgb, var(--kendo-color-tertiary), white 70%);
    --kendo-color-tertiary-20: color-mix(in srgb, var(--kendo-color-tertiary), white 80%);
    --kendo-color-tertiary-10: color-mix(in srgb, var(--kendo-color-tertiary), white 90%);
    
    --kendo-color-success-90: color-mix(in srgb, var(--kendo-color-success), white 10%);
    --kendo-color-success-80: color-mix(in srgb, var(--kendo-color-success), white 20%);
    --kendo-color-success-70: color-mix(in srgb, var(--kendo-color-success), white 30%);
    --kendo-color-success-60: color-mix(in srgb, var(--kendo-color-success), white 40%);
    --kendo-color-success-50: color-mix(in srgb, var(--kendo-color-success), white 50%);
    --kendo-color-success-40: color-mix(in srgb, var(--kendo-color-success), white 60%);
    --kendo-color-success-30: color-mix(in srgb, var(--kendo-color-success), white 70%);
    --kendo-color-success-20: color-mix(in srgb, var(--kendo-color-success), white 80%);
    --kendo-color-success-10: color-mix(in srgb, var(--kendo-color-success), white 90%);
    
    --kendo-color-info-90: color-mix(in srgb, var(--kendo-color-info), white 10%);
    --kendo-color-info-80: color-mix(in srgb, var(--kendo-color-info), white 20%);
    --kendo-color-info-70: color-mix(in srgb, var(--kendo-color-info), white 30%);
    --kendo-color-info-60: color-mix(in srgb, var(--kendo-color-info), white 40%);
    --kendo-color-info-50: color-mix(in srgb, var(--kendo-color-info), white 50%);
    --kendo-color-info-40: color-mix(in srgb, var(--kendo-color-info), white 60%);
    --kendo-color-info-30: color-mix(in srgb, var(--kendo-color-info), white 70%);
    --kendo-color-info-20: color-mix(in srgb, var(--kendo-color-info), white 80%);
    --kendo-color-info-10: color-mix(in srgb, var(--kendo-color-info), white 90%);
    
    --kendo-color-warning-90: color-mix(in srgb, var(--kendo-color-warning), white 10%);
    --kendo-color-warning-80: color-mix(in srgb, var(--kendo-color-warning), white 20%);
    --kendo-color-warning-70: color-mix(in srgb, var(--kendo-color-warning), white 30%);
    --kendo-color-warning-60: color-mix(in srgb, var(--kendo-color-warning), white 40%);
    --kendo-color-warning-50: color-mix(in srgb, var(--kendo-color-warning), white 50%);
    --kendo-color-warning-40: color-mix(in srgb, var(--kendo-color-warning), white 60%);
    --kendo-color-warning-30: color-mix(in srgb, var(--kendo-color-warning), white 70%);
    --kendo-color-warning-20: color-mix(in srgb, var(--kendo-color-warning), white 80%);
    --kendo-color-warning-10: color-mix(in srgb, var(--kendo-color-warning), white 90%);
}