:root {
    /* Cuppen styling colors */
    --color-primary-rgb: 19, 113, 43;
    --color-primary: rgb(var(--color-primary-rgb));
    --color-primary-dark: color-mix(in srgb, var(--color-primary), black 20%);
    --color-primary-darker: color-mix(in srgb, var(--color-primary-dark), black 20%);
    --color-primary-light: color-mix(in srgb, var(--color-primary), white 20%);
    --color-success-rgb: 51, 153, 0;
    --color-success: rgb(var(--color-success-rgb));
    --color-warning-rgb: 255, 154, 0;
    --color-warning: rgb(var(--color-warning-rgb));
    --color-error-rgb: 217, 2, 2;
    --color-error: rgb(var(--color-error-rgb));
    --color-text-gray-rgb: 72, 86, 106;
    --color-text-gray: rgb(var(--color-text-gray-rgb));
    --color-text-gray-hover-rgb: 51, 65, 85;
    --color-text-gray-hover: rgb(var(--color-text-gray-hover-rgb));
    --color-default-background-color-rgb: 248, 250, 252;
    --color-default-background-color: rgb(var(--color-default-background-color-rgb));
    --cuppen-medium-gray-rgb: 153, 153, 153;
    --cuppen-medium-gray: rgb(var(--cuppen-medium-gray-rgb));
    --color-focus-shadow-box: 137, 184, 149;
    /* Bootstrap overwrite color variables */
    --bs-primary-rgb: var(--color-primary-rgb);
    --bs-primary: var(--color-primary);
    --bs-success-rgb: var(--color-success-rgb);
    --bs-success: var(--color-success);
    --bs-warning-rgb: var(--color-warning-rgb);
    --bs-warning: var(--color-warning);
    --bs-danger-rgb: var(--color-error-rgb);
    --bs-danger: var(--color-error);
    /* Telerik overwrite color variables */
    --kendo-color-primary: var(--color-primary);
    --kendo-color-success: var(--color-success);
    --kendo-color-warning: var(--color-warning);
    --kendo-color-error: var(--color-error);
    --kendo-color-medium-gray: var(--cuppen-medium-gray);
    --kendo-color-medium-gray-hover: color-mix(in srgb, var(--kendo-color-medium-gray) 80%, #000 20%);
    --kendo-color-medium-gray-active: color-mix(in srgb, var(--kendo-color-medium-gray) 80%, #000 24%);
    --kendo-color-medium-gray-emphasis: color-mix(in srgb, var(--kendo-color-medium-gray) 80%, #000 14%);
    --kendo-color-on-medium-gray: var(--color-white);
}