:root {
    /* Telerik */
    --border-radius: 2px;
    --dark-theme: false;
    --primary: #0e8599;
    --secondary: #159fc3;
    --info: #0dcaf0;
    --success: #198754;
    --warning: #ffc107;
    --error: #dc3545;
    --body-color: #4b525a;
    --body-bg: #ffffff;
    --headings-text: #212529;
    --subtle-text: #4b6876;
    --disabled-text: #8f8f8f;
    --component-text: #4b525a;
    --component-bg: #ffffff;
    --base-text: #4b525a;
    --base-bg: #f8f9fa;
    --hovered-text: #16181b;
    --hovered-bg: #e9ecef;
    --selected-text: #ffffff;
    --selected-bg: #0e8599;
    --kendo-button-text: #212529;
    --kendo-button-bg: #e4e7eb;
    --link-text: #0e8599;
    --link-hover-text: #0dcaf0;
    --series-a: #0e8599;
    --series-b: #6f42c1;
    --series-c: #20c997;
    --series-d: #198754;
    --series-e: #ffc107;
    --series-f: #dc3545;
    /* Topsoe */
    --selected: #C3E0E5;
    --selected-hover: #B5D2D7;
    --light-contrast: #f8f9fa;
    --app-header: var(--primary);
    --grid-header: var(--primary);
    --tile-header: var(--light-contrast);
    --dialog-header: var(--primary);
}