:root {
    --bs-primary-rgb: var(--color-primary-rgb);
    --kendo-color-primary: var(--color-primary);
    --kendo-color-primary-hover: color-mix(in srgb, var(--kendo-color-primary) 80%, #000 20%);
    --kendo-color-primary-active: color-mix(in srgb, var(--kendo-color-primary) 80%, #000 24%);
    --kendo-color-primary-emphasis: color-mix(in srgb, var(--kendo-color-primary) 80%, #000 14%);
    --kendo-color-primary-on-surface: var(--white);
    --kendo-color-info: var(--color-maintenance);
    --kendo-color-success: var(--color-success);
    --kendo-color-error: var(--color-error);
    --kendo-color-tertiary: var(--color-gray);
    --white: #FFFFFF;
    --gray: #A1A1A1;
    --green: #3BB54A;
    --orange: #EF6D25;
    --red: #C12121;
    --blue: #2BBEC0;
    --topbar-color: #6B696A;
    --card-inset-border-color: #dfdfdf;
    --kendo-color-on-base: var(--topbar-color);
}