$devui-global-bg: var(--devui-global-bg, #f3f6f8);
$devui-global-bg-normal: var(--devui-global-bg-normal, #ffffff);
$devui-base-bg: var(--devui-base-bg, #ffffff);
$devui-base-bg-dark: var(--devui-base-bg-dark, #333854);
$devui-brand: var(--devui-brand, #5e7ce0);
$devui-brand-foil: var(--devui-brand-foil, #859bff);
$devui-brand-hover: var(--devui-brand-hover, #7693f5);
$devui-brand-active: var(--devui-brand-active, #526ecc);
$devui-brand-active-focus: var(--devui-brand-active-focus, #344899);
$devui-contrast: var(--devui-contrast, #c7000b);
$devui-text: var(--devui-text, #252b3a);
$devui-text-weak: var(--devui-text-weak, #575d6c);
$devui-aide-text: var(--devui-aide-text, #8a8e99);
$devui-aide-text-stress: var(--devui-aide-text-stress, #575d6c);
$devui-placeholder: var(--devui-placeholder, #8a8e99);
$devui-light-text: var(--devui-light-text, #ffffff);
$devui-dark-text: var(--devui-dark-text, #252b3a);
$devui-link: var(--devui-link, #526ecc);
$devui-link-active: var(--devui-link-active, #526ecc);
$devui-link-light: var(--devui-link-light, #96adfa);
$devui-link-light-active: var(--devui-link-light-active, #beccfa);
$devui-line: var(--devui-line, #adb0b8);
$devui-dividing-line: var(--devui-dividing-line, #dfe1e6);
$devui-block: var(--devui-block, #ffffff);
$devui-area: var(--devui-area, #f8f8f8);
$devui-danger: var(--devui-danger, #f66f6a);
$devui-warning: var(--devui-warning, #fac20a);
$devui-waiting: var(--devui-waiting, #9faad7);
$devui-success: var(--devui-success, #50d4ab);
$devui-info: var(--devui-info, #5e7ce0);
$devui-initial: var(--devui-initial, #e9edfa);
$devui-unavailable: var(--devui-unavailable, #f5f5f6);
$devui-shadow: var(--devui-shadow, rgba(0, 0, 0, 0.2));
$devui-light-shadow: var(--devui-light-shadow, rgba(0, 0, 0, 0.1));
$devui-icon-text: var(--devui-icon-text, #252b3a);
$devui-icon-bg: var(--devui-icon-bg, #ffffff);
$devui-icon-fill: var(--devui-icon-fill, #d3d5d9);
$devui-icon-fill-hover: var(--devui-icon-fill-hover, #adb5ce);
$devui-icon-fill-active: var(--devui-icon-fill-active, #5e7ce0);
$devui-icon-fill-active-hover: var(--devui-icon-fill-active-hover, #526ecc);
$devui-form-control-line: var(--devui-form-control-line, #adb0b8);
$devui-form-control-line-hover: var(--devui-form-control-line-hover, #575d6c);
$devui-form-control-line-active: var(--devui-form-control-line-active, #5e7ce0);
$devui-form-control-line-active-hover: var(--devui-form-control-line-active-hover, #344899);
$devui-list-item-active-bg: var(--devui-list-item-active-bg, #5e7ce0);
$devui-list-item-active-text: var(--devui-list-item-active-text, #ffffff);
$devui-list-item-active-hover-bg: var(--devui-list-item-active-hover-bg, #526ecc);
$devui-list-item-hover-bg: var(--devui-list-item-hover-bg, #f2f5fc);
$devui-list-item-hover-text: var(--devui-list-item-hover-text, #526ecc);
$devui-list-item-selected-bg: var(--devui-list-item-selected-bg, #e9edfa);
$devui-list-item-strip-bg: var(--devui-list-item-strip-bg, #f2f5fc);
$devui-disabled-bg: var(--devui-disabled-bg, #f5f5f6);
$devui-disabled-line: var(--devui-disabled-line, #dfe1e6);
$devui-disabled-text: var(--devui-disabled-text, #adb0b8);
$devui-primary-disabled: var(--devui-primary-disabled, #beccfa);
$devui-icon-fill-active-disabled: var(--devui-icon-fill-active-disabled, #beccfa);
$devui-label-bg: var(--devui-label-bg, #eef0f5);
$devui-connected-overlay-bg: var(--devui-connected-overlay-bg, #ffffff);
$devui-connected-overlay-line: var(--devui-connected-overlay-line, #526ecc);
$devui-fullscreen-overlay-bg: var(--devui-fullscreen-overlay-bg, #ffffff);
$devui-feedback-overlay-bg: var(--devui-feedback-overlay-bg, #464d6e);
$devui-feedback-overlay-text: var(--devui-feedback-overlay-text, #dfe1e6);
$devui-embed-search-bg: var(--devui-embed-search-bg, #f2f5fc);
$devui-embed-search-bg-hover: var(--devui-embed-search-bg-hover, #eef0f5);
$devui-float-block-shadow: var(--devui-float-block-shadow, rgba(94, 124, 224, 0.3));
$devui-highlight-overlay: var(--devui-highlight-overlay, rgba(255, 255, 255, 0.8));
$devui-range-item-hover-bg: var(--devui-range-item-hover-bg, #e9edfa);
$devui-primary: var(--devui-primary, #5e7ce0);
$devui-primary-hover: var(--devui-primary-hover, #7693f5);
$devui-primary-active: var(--devui-primary-active, #344899);
$devui-contrast-hover: var(--devui-contrast-hover, #d64a52);
$devui-contrast-active: var(--devui-contrast-active, #b12220);
$devui-danger-line: var(--devui-danger-line, #f66f6a);
$devui-danger-bg: var(--devui-danger-bg, #ffeeed);
$devui-warning-line: var(--devui-warning-line, #fa9841);
$devui-warning-bg: var(--devui-warning-bg, #fff3e8);
$devui-info-line: var(--devui-info-line, #5e7ce0);
$devui-info-bg: var(--devui-info-bg, #f2f5fc);
$devui-success-line: var(--devui-success-line, #50d4ab);
$devui-success-bg: var(--devui-success-bg, #edfff9);
$devui-primary-line: var(--devui-primary-line, #5e7ce0);
$devui-primary-bg: var(--devui-primary-bg, #f2f5fc);
$devui-default-line: var(--devui-default-line, #5e7ce0);
$devui-default-bg: var(--devui-default-bg, #f3f6f8);
$devui-font-size: var(--devui-font-size, 12px);
$devui-font-size-card-title: var(--devui-font-size-card-title, 14px);
$devui-font-size-page-title: var(--devui-font-size-page-title, 16px);
$devui-font-size-modal-title: var(--devui-font-size-modal-title, 18px);
$devui-font-size-price: var(--devui-font-size-price, 20px);
$devui-font-size-data-overview: var(--devui-font-size-data-overview, 24px);
$devui-font-size-icon: var(--devui-font-size-icon, 16px);
$devui-font-size-sm: var(--devui-font-size-sm, 12px);
$devui-font-size-md: var(--devui-font-size-md, 12px);
$devui-font-size-lg: var(--devui-font-size-lg, 14px);
$devui-font-title-weight: var(--devui-font-title-weight, bold);
$devui-font-content-weight: var(--devui-font-content-weight, normal);
$devui-line-height-base: var(--devui-line-height-base, 1.5);
$devui-border-radius: var(--devui-border-radius, 2px);
$devui-border-radius-feedback: var(--devui-border-radius-feedback, 4px);
$devui-border-radius-card: var(--devui-border-radius-card, 6px);
$devui-shadow-length-base: var(--devui-shadow-length-base, 0 1px 4px 0);
$devui-shadow-length-slide-left: var(--devui-shadow-length-slide-left, -2px 0 8px 0);
$devui-shadow-length-slide-right: var(--devui-shadow-length-slide-right, 2px 0 8px 0);
$devui-shadow-length-connected-overlay: var(--devui-shadow-length-connected-overlay, 0 2px 8px 0);
$devui-shadow-length-hover: var(--devui-shadow-length-hover, 0 4px 16px 0);
$devui-shadow-length-feedback-overlay: var(--devui-shadow-length-feedback-overlay, 0 4px 16px 0);
$devui-shadow-fullscreen-overlay: var(--devui-shadow-fullscreen-overlay, 0 8px 40px 0);
$devui-animation-duration-slow: var(--devui-animation-duration-slow, 300ms);
$devui-animation-duration-base: var(--devui-animation-duration-base, 200ms);
$devui-animation-duration-fast: var(--devui-animation-duration-fast, 100ms);
$devui-animation-ease-in: var(--devui-animation-ease-in, cubic-bezier(0.5, 0, 0.84, 0.25));
$devui-animation-ease-out: var(--devui-animation-ease-out, cubic-bezier(0.16, 0.75, 0.5, 1));
$devui-animation-ease-in-out: var(--devui-animation-ease-in-out, cubic-bezier(0.5, 0.05, 0.5, 0.95));
$devui-animation-ease-in-smooth: var(--devui-animation-ease-in-smooth, cubic-bezier(0.645, 0.045, 0.355, 1));
$devui-animation-linear: var(--devui-animation-linear, cubic-bezier(0, 0, 1, 1));
$devui-z-index-full-page-overlay: var(--devui-z-index-full-page-overlay, 1080);
$devui-z-index-pop-up: var(--devui-z-index-pop-up, 1060);
$devui-z-index-dropdown: var(--devui-z-index-dropdown, 1052);
$devui-z-index-modal: var(--devui-z-index-modal, 1050);
$devui-z-index-drawer: var(--devui-z-index-drawer, 1040);
$devui-z-index-framework: var(--devui-z-index-framework, 1000)