:root {
    --font-PP: var(--gw-font-family-body), helvetica, arial, sans-serif;
    --font-size-PP-base: 0.77em;

    --grey-50: #fafafa;
    --grey-100: #f5f5f5;
    /*--grey-250: rgb(233, 233, 233); !* Tree default bg color *!*/
    --grey-260: rgb(227, 227, 227); /* Tree default bg color on hover */
    --grey-300: #dbdbdb;
    --grey-400: #bebebe;
    --grey-410: #b8b8b8;
    --grey-420: #b3b3b3;
    --grey-500: #999;
    --grey-700: #626262;

    --green-50: #f6fcf3;
    --green-60: #eff7eb;
    --green-100: #daf1ca;
    --green-150: #cdedb9;
    --green-200: #c1e8a8;
    --green-300: #a8de84;
    --green-400: #93d668;
    --green-500: #80cf4c; /* HOVER */
    --green-600: #70BE44; /* MAIN */
    --green-700: #5ca93a;
    --green-800: #489530;
    --green-900: #20731e;

    --lavender-100: #c3c3db;
    --lavender-110: #bcbcd6;
    --lavender-300: #77a; /* Skos Tree 2nd level */
    --lavender-310: #6d6d9c; /* Skos Tree 2nd level hover */
    --lavender-400: #5d5a99;
    --lavender-600: #3e3783;

    /*#f0a8a8*/
    --red-50: #ffeaec;
    --red-70: #ffe0e3;
    --red-100: #fcc;
    --red-200: #f39791;
    --red-300: #ea6e66;
    --red-400: #f34c3f;
    --red-500: #f63a1d;
    --red-600: #e82e1f; /* Red pure */
    --red-700: #d00; /* MAIN */

    --turquoise-100: #bddcda;
    --turquoise-110: #b6d6d4;
    --turquoise-200: #97c7c3;
    --turquoise-210: #91c2be;
    --turquoise-300: #7cc0b9; /* Skos Tree 2nd level  */
    --turquoise-310: #76b5af; /* Skos Tree 2nd level Hover */
    --turquoise-500: #558f88; /* Skos Tree 3rd level */
    --turquoise-510: #4e857e; /* Skos Tree 3rd level hover */
    --turquoise-600: #4f827c;
    --turquoise-700: #48736c;

    --orange-70: hsl(40, 100%, 91%);
    --orange-80: hsl(36, 100%, 89%);
    --orange-300: #ffb84d;
    --orange-400: #ffa826;
    --orange-500: #ff9900; /* MAIN */
    --orange-900: #e65200;

    --gold: #e5a400;


    /* ==============================================================
    ======================== SEMANTIC LAYER =========================
    ============================================================== */
    --primary-color: var(--gw-primary-500);
    --primary-color-hover: var(--gw-primary-400);
    --primary-color-disabled: var(--gw-primary-200);
    --primary-color-light: var(--gw-primary-100);
    --primary-color-lighter: var(--gw-primary-50);
    --primary-color-dark: var(--gw-primary-900);
    --success-foreground-color: var(--green-600);
    --success-bg-color: var(--green-600);
    --error-foreground-color: var(--red-700);
    --error-bg-color: var(--red-100);
    --warn-foreground-color: var(--gw-warning-600);
    --warn-bg-color: var(--gw-warning-100);

    /*===============================================================
    ==================== PP BASE LAYER =========================
    =============================================================== */
    --pp-base-border-radius: 6px;
    --pp-default-border-color: var(--gw-divider-border-color);
    --pp-default-border: var(--gm-border-default-width) var(--gm-border-default-style) var(--pp-default-border-color);
    --pp-default-text-color: var(--gw-neutral-900);

    --pp-heading-1-text-color: var(--gw-heading-default-color);
    --pp-heading-1-text-size: 1.92em;
    --pp-heading-1-text-style: normal;
    --pp-heading-2-text-color: var(--gw-heading-default-color);
    --pp-heading-2-text-size: 0.75em;
    --pp-heading-2-text-style: normal;
    --pp-heading-3-text-color: var(--gw-heading-default-color);
    --pp-heading-3-text-size: 0.77em;
    --pp-heading-3-text-style: italic;

    --pp-form-element-border: 1px solid var(--gw-inputtext-border-color);
    --pp-form-element-border-focus-color: var(--primary-color);

    --pp-droppable-area-default-outline-color: var(--primary-color);
    --pp-droppable-area-default-bg-color: var(--gw-primary-100);
    --pp-droppable-area-text-color: var(--primary-color);

    --pp-droppable-area-drag-over-default-outline-color: var(--primary-color);
    --pp-droppable-area-drag-over-default-bg-color: var(--gw-primary-100);
    --pp-droppable-area-drag-over-text-color: var(--primary-color);

    --pp-droppable-area-outline-width: 2px;
    --pp-droppable-area-outline-style: dashed;
    --pp-droppable-area-outline-offset: -2px;
    --pp-droppable-area-drag-over-outline-width: 3px;
    --pp-droppable-area-drag-over-outline-style: dashed;
    --pp-droppable-area-drag-over-outline-offset: -3px;

    --pp-popover-shadow: 0 8px 18px 0 var(--gw-neutral-500, rgba(17, 24, 39, 0.015));


    /*===============================================================
    ==================== COMPONENTS LAYER =========================
    =============================================================== */

    /*====================== HEADER - TOPNAVBAR ====================== */
    --topnav-menu-item-padding: 12px 10px;
    --topnav-height: 52px;
    --topnav-button-padding: var(--gm-button-padding-y);

    /*====================== LAYOUT ====================== */
    --pp-slider-bg: var(--grey-100);

    /*  ====================== SIDE BAR ====================== */
    --side-bar-border: 1px solid rgba(0, 31, 255, 0.10);
    --side-bar-tab-padding: 16px 24px;
    --side-bar-tab-active-border-right: 4px solid var(--primary-color);
    --side-bar-tab-spacer-border-top: 1px solid var(--gw-neutral-100);
    --side-bar-font-size: 28px;
    --side-bar-text-font-size: 16px;
    --side-bar-text-font-weight: 500;
    --side-bar-line-height: 1.4;
    /* Horizontal padding. See --gm-sidenav-menuitem-padding */
    --side-bar-icons-padding-x: 1rem;
    --side-bar-icons-scaling: 1.2;


    /* ====================== SIDE CONTENT ====================== */
    --side-content-padding: 6px;
    --side-content-bg-color: var(--gw-neutral-0);
    --side-content-border: 1px solid rgba(0, 31, 255, 0.10);

    /* ====================== TREE STYLES ====================== */
    --tree-node-radius: 12px;
    --tree-node-padding: 3px 8px;
    --tree-node-with-count-padding-right: 3px;
    --tree-node-gap: 8px;
    --tree-node-border: none;
    --tree-node-container-bg-color: var(--gw-neutral-transparent);
    --tree-node-container-active-bg-color: var(--gw-primary-100);
    --tree-node-root-font-weight: 500;
    --tree-node-active-bg-color: var(--gw-primary-700);
    --tree-node-active-text-color: var(--gw-neutral-0);
    --tree-node-active-border-color: var(--gw-primary-700);
    --tree-node-active-hover-bg-color: var(--gw-primary-600);
    --tree-node-active-hover-text-color: var(--gw-neutral-0);
    --tree-node-active-hover-border-color: var(--gw-primary-600);
    --tree-node-active-count-bg-color: var(--gw-primary-600);
    --tree-node-active-count-text-color: var(--gw-neutral-0);
    --tree-node-multiselected-bg-color: var(--gw-primary-500);
    --tree-node-multiselected-active-bg-color: var(--gw-primary-700);
    --tree-node-multiselected-count-bg-color: var(--gw-primary-600);
    --tree-node-multiselected-count-text-color: var(--gw-neutral-0);
    --tree-node-multiselected-hover-bg-color: var(--gw-primary-400);
    --tree-node-multiselected-active-hover-bg-color: var(--gw-primary-600);
    --tree-node-multiselected-cross-color: var(--gw-neutral-500);
    --tree-node-multiselected-checkbox-bg-color: var(--gw-primary-600);
    --tree-temp-highlighted-bg-color: var(--gw-accent-500);
    --tree-temp-highlighted-text-color: var(--gw-neutral-0);

    /* Default tree colors */
    --tree-node-default-level-0-bg-color: var(--gw-neutral-transparent);
    --tree-node-default-level-0-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-default-level-0-loading-border-color: var(--gw-neutral-300);
    --tree-node-default-level-0-count-bg-color: var(--gw-neutral-50);
    --tree-node-default-level-0-count-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-default-level-0-hover-bg-color: var(--gw-primary-100);
    --tree-node-default-level-0-droppable-bg-color: var(--gw-neutral-transparent);
    --tree-node-default-level-0-droppable-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-default-level-0-droppable-border-color: var(--gw-primary-200);
    --tree-node-default-level-0-draggingOver-bg-color: var(--gw-primary-100);
    --tree-node-default-level-0-draggingOver-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-default-level-1-bg-color: var(--gw-primary-50);
    --tree-node-default-level-1-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-default-level-1-loading-border-color: var(--gw-primary-200);
    --tree-node-default-level-1-count-bg-color: var(--gw-neutral-50);
    --tree-node-default-level-1-count-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-default-level-1-hover-bg-color: var(--gw-primary-100);
    --tree-node-default-level-1-droppable-border-color: var(--gw-primary-200);


    /* Colored Tree colors */
    --tree-colored-node-level-0-bg-color: var(--gw-neutral-transparent);
    --tree-colored-node-level-0-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-0-hover-bg-color: var(--gw-primary-100);
    --tree-colored-node-level-0-hover-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-0-loading-border-color: var(--gw-neutral-300);
    --tree-colored-node-level-0-count-bg-color: var(--gw-neutral-50);
    --tree-colored-node-level-0-count-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-1-bg-color: var(--gw-primary-200);
    --tree-colored-node-level-1-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-1-hover-bg-color: var(--gw-primary-100);
    --tree-colored-node-level-1-hover-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-1-loading-border: var(--gw-primary-300);
    --tree-colored-node-level-1-count-bg-color: var(--gw-neutral-50);
    --tree-colored-node-level-1-count-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-1-droppable-bg-color: var(--gw-primary-200);
    --tree-colored-node-level-1-droppable-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-1-droppable-outline: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--gw-primary-300);
    --tree-colored-node-level-1-droppable-outline-offset: var(--pp-droppable-area-outline-offset);
    --tree-colored-node-level-1-draggingOver-bg-color: var(--gw-primary-100);
    --tree-colored-node-level-1-draggingOver-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-1-draggingOver-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--gw-primary-300);
    --tree-colored-node-level-1-draggingOver-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);
    --tree-colored-node-level-2-bg-color: var(--gw-color-teal-400);
    --tree-colored-node-level-2-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-2-hover-bg-color: var(--gw-color-teal-300);
    --tree-colored-node-level-2-hover-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-2-loading-border: var(--gw-color-teal-500);
    --tree-colored-node-level-2-count-bg-color: var(--gw-neutral-50);
    --tree-colored-node-level-2-count-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-2-droppable-bg-color: var(--gw-color-teal-400);
    --tree-colored-node-level-2-droppable-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-2-droppable-outline: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--gw-color-teal-500);
    --tree-colored-node-level-2-droppable-outline-offset: var(--pp-droppable-area-outline-offset);
    --tree-colored-node-level-2-draggingOver-bg-color: var(--gw-color-teal-300);
    --tree-colored-node-level-2-draggingOver-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-2-draggingOver-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--gw-color-teal-500);
    --tree-colored-node-level-2-draggingOver-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);
    --tree-colored-node-level-3-bg-color: var(--gw-color-teal-200);
    --tree-colored-node-level-3-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-3-hover-bg-color: var(--gw-color-teal-100);
    --tree-colored-node-level-3-hover-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-3-loading-border: var(--gw-color-teal-300);
    --tree-colored-node-level-3-count-bg-color: var(--gw-neutral-50);
    --tree-colored-node-level-3-count-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-3-droppable-bg-color: var(--gw-color-teal-200);
    --tree-colored-node-level-3-droppable-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-3-droppable-outline: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--gw-color-teal-400);
    --tree-colored-node-level-3-droppable-outline-offset: var(--pp-droppable-area-outline-offset);
    --tree-colored-node-level-3-draggingOver-bg-color: var(--gw-color-teal-100);
    --tree-colored-node-level-3-draggingOver-text-color: var(--gw-foreground-on-surface-default);
    --tree-colored-node-level-3-draggingOver-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--gw-color-teal-400);
    --tree-colored-node-level-3-draggingOver-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);

    /* Grey tree */
    --tree-node-grey-dark: var(--gw-neutral-100);
    --tree-node-grey-dark-hover: var(--gw-neutral-50);
    --tree-node-grey-dark-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-grey-dark-loading-border: var(--gw-neutral-200);

    /*====================== SPECIFIC TREES ====================== */

    /* Skos tree */
    --skos-tree-node-project-bg-color: var(--tree-colored-node-level-0-bg-color);
    --skos-tree-node-project-hover-bg-color: var(--tree-colored-node-level-0-hover-bg-color);
    --skos-tree-node-project-text-color: var(--tree-colored-node-level-0-text-color);
    --skos-tree-node-project-loading-border-color: var(--tree-colored-node-level-0-loading-border-color);
    --skos-tree-node-project-count-bg-color: var(--tree-colored-node-level-0-loading-border-color);
    --skos-tree-node-project-count-text-color: var(--tree-colored-node-level-0-text-color);
    --skos-tree-node-project-dragging-bg-color: var(--grey-100);
    --skos-tree-node-project-dragging-text-color: var(--tree-node-default-level-1-text-color);
    --skos-tree-node-project-dragging-border: 1px solid var(--gw-neutral-100);
    --skos-tree-node-concept-scheme-bg-color: var(--tree-colored-node-level-1-bg-color);
    --skos-tree-node-concept-scheme-text-color: var(--tree-colored-node-level-1-text-color);
    --skos-tree-node-concept-scheme-hover-bg-color: var(--tree-colored-node-level-1-hover-bg-color);
    --skos-tree-node-concept-scheme-loading-border: var(--tree-colored-node-level-1-loading-border);
    --skos-tree-node-concept-scheme-count-bg-color: var(--tree-colored-node-level-1-count-bg-color);
    --skos-tree-node-concept-scheme-count-text-color: var(--tree-colored-node-level-1-count-text-color);
    --skos-tree-node-concept-scheme-droppable-bg-color: var(--tree-colored-node-level-1-droppable-bg-color);
    --skos-tree-node-concept-scheme-droppable-text-color: var(--tree-colored-node-level-1-droppable-text-color);
    --skos-tree-node-concept-scheme-droppable-outline: var(--tree-colored-node-level-1-droppable-outline);
    --skos-tree-node-concept-scheme-droppable-outline-offset: var(--tree-colored-node-level-1-droppable-outline-offset);
    --skos-tree-node-concept-scheme-draggingOver-bg-color: var(--tree-colored-node-level-1-draggingOver-bg-color);
    --skos-tree-node-concept-scheme-draggingOver-text-color: var(--tree-colored-node-level-1-draggingOver-text-color);
    --skos-tree-node-concept-scheme-draggingOver-outline: var(--tree-colored-node-level-1-draggingOver-outline);
    --skos-tree-node-concept-scheme-draggingOver-outline-offset: var(--tree-colored-node-level-1-draggingOver-outline-offset);
    --skos-tree-node-top-concept-bg-color: var(--tree-colored-node-level-2-bg-color);
    --skos-tree-node-top-concept-text-color: var(--tree-colored-node-level-2-text-color);
    --skos-tree-node-top-concept-hover-bg-color: var(--tree-colored-node-level-2-hover-bg-color);
    --skos-tree-node-top-concept-loading-border: var(--tree-colored-node-level-2-loading-border);
    --skos-tree-node-top-concept-count-bg-color: var(--tree-colored-node-level-2-count-bg-color);
    --skos-tree-node-top-concept-count-text-color: var(--tree-colored-node-level-2-count-text-color);
    --skos-tree-node-top-concept-droppable-bg-color: var(--tree-colored-node-level-2-droppable-bg-color);
    --skos-tree-node-top-concept-droppable-text-color: var(--tree-colored-node-level-2-droppable-text-color);
    --skos-tree-node-top-concept-droppable-outline: var(--tree-colored-node-level-2-droppable-outline);
    --skos-tree-node-top-concept-droppable-outline-offset: var(--tree-colored-node-level-2-droppable-outline-offset);
    --skos-tree-node-top-concept-draggingOver-bg-color: var(--tree-colored-node-level-2-draggingOver-bg-color);
    --skos-tree-node-top-concept-draggingOver-text-color: var(--tree-colored-node-level-2-draggingOver-text-color);
    --skos-tree-node-top-concept-draggingOver-outline: var(--tree-colored-node-level-2-draggingOver-outline);
    --skos-tree-node-top-concept-draggingOver-outline-offset: var(--tree-colored-node-level-2-draggingOver-outline-offset);
    --skos-tree-node-concept-bg-color: var(--tree-colored-node-level-3-bg-color);
    --skos-tree-node-concept-text-color: var(--tree-colored-node-level-3-text-color);
    --skos-tree-node-concept-hover-bg-color: var(--tree-colored-node-level-3-hover-bg-color);
    --skos-tree-node-concept-loading-border: var(--tree-colored-node-level-3-loading-border);
    --skos-tree-node-concept-count-bg-color: var(--tree-colored-node-level-3-count-bg-color);
    --skos-tree-node-concept-count-text-color: var(--tree-colored-node-level-3-count-text-color);
    --skos-tree-node-concept-droppable-bg-color: var(--tree-colored-node-level-3-droppable-bg-color);
    --skos-tree-node-concept-droppable-text-color: var(--tree-colored-node-level-3-droppable-text-color);
    --skos-tree-node-concept-droppable-outline: var(--tree-colored-node-level-3-droppable-outline);
    --skos-tree-node-concept-droppable-outline-offset: var(--tree-colored-node-level-3-droppable-outline-offset);
    --skos-tree-node-concept-draggingOver-bg-color: var(--tree-colored-node-level-3-draggingOver-bg-color);
    --skos-tree-node-concept-draggingOver-text-color: var(--tree-colored-node-level-3-draggingOver-text-color);
    --skos-tree-node-concept-draggingOver-outline: var(--tree-colored-node-level-3-draggingOver-outline);
    --skos-tree-node-concept-draggingOver-outline-offset: var(--tree-colored-node-level-3-draggingOver-outline-offset);

    /* In Scheme */
    --skos-tree-node-inScheme-bg-color: var(--tree-node-grey-dark);
    --skos-tree-node-inScheme-text-color: var(--tree-node-grey-dark-text-color);
    --skos-tree-node-inScheme-hover-bg-color: var(--tree-node-grey-dark-hover);
    --skos-tree-node-inScheme-border-color: var(--tree-node-grey-dark-loading-border);

    /* Candidates nodes */
    --tree-node-candidate-bg-color: var(--gw-neutral-100);
    --tree-node-candidate-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-candidate-loading-border-color: var(--gw-neutral-200);
    --tree-node-candidate-hover-bg-color: var(--gw-neutral-50);
    --tree-node-candidate-droppable-bg-color: var(--gw-neutral-100);
    --tree-node-candidate-droppable-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-candidate-droppable-outline: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--gw-neutral-400);
    --tree-node-candidate-droppable-outline-offset: var(--pp-droppable-area-outline-offset);
    --tree-node-candidate-draggingOver-bg-color: var(--gw-neutral-50);
    --tree-node-candidate-draggingOver-text-color: var(--gw-foreground-on-surface-default);
    --tree-node-candidate-draggingOver-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--gw-neutral-400);
    --tree-node-candidate-draggingOver-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);

    /* Taxonomy Builder Tree */
    --taxonomy-builder-tree-node-candidate-bg-color: var(--tree-node-candidate-bg-color);
    --taxonomy-builder-tree-node-candidate-text-color: var(--tree-node-candidate-text-color);
    --taxonomy-builder-tree-node-candidate-hover-bg-color: var(--tree-node-candidate-hover-bg-color);
    --taxonomy-builder-tree-node-candidate-droppable-bg-color: var(--tree-node-candidate-droppable-bg-color);
    --taxonomy-builder-tree-node-candidate-droppable-text-color: var(--tree-node-candidate-droppable-text-color);
    --taxonomy-builder-tree-node-candidate-droppable-outline: var(--tree-node-candidate-droppable-outline);
    --taxonomy-builder-tree-node-candidate-droppable-outline-offset: var(--tree-node-candidate-droppable-outline-offset);
    --taxonomy-builder-tree-node-candidate-draggingOver-bg-color: var(--tree-node-candidate-draggingOver-bg-color);
    --taxonomy-builder-tree-node-candidate-draggingOver-text-color: var(--tree-node-candidate-draggingOver-text-color);
    --taxonomy-builder-tree-node-candidate-draggingOver-outline: var(--tree-node-candidate-draggingOver-outline);
    --taxonomy-builder-tree-node-candidate-draggingOver-outline-offset: var(--tree-node-candidate-draggingOver-outline-offset);
    --taxonomy-builder-tree-node-candidate-excluded-bg-color: var(--gw-neutral-50);
    --taxonomy-builder-tree-node-candidate-excluded-text-color: var(--gw-foreground-on-surface-subtle);

    /* Skos XL tree */
    --skosxl-tree-node-bg-color: var(--tree-colored-node-level-2-bg-color);
    --skosxl-tree-node-text-color: var(--tree-colored-node-level-2-text-color);

    /* Candidates tree */
    --corpus-tree-root-droppable-bg-color: var(--tree-node-default-level-0-droppable-bg-color);
    --corpus-tree-root-droppable-text-color: var(--tree-node-default-level-0-droppable-text-color);
    --corpus-tree-root-droppable-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--tree-node-default-level-0-droppable-border-color);
    --corpus-tree-root-droppable-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);
    --corpus-tree-root-draggingOver-bg-color: var(--tree-node-default-level-0-draggingOver-bg-color);
    --corpus-tree-root-draggingOver-text-color: var(--tree-node-default-level-0-draggingOver-text-color);
    --corpus-tree-root-draggingOver-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--tree-node-default-level-0-droppable-border-color);
    --corpus-tree-root-draggingOver-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);
    --corpus-candidates-tree-candidate-node-bg-color: var(--tree-node-candidate-bg-color);
    --corpus-candidates-tree-candidate-node-text-color: var(--tree-node-candidate-text-color);
    --corpus-candidates-tree-candidate-node-hover-bg-color: var(--tree-node-candidate-hover-bg-color);
    --corpus-candidates-tree-candidate-node-loading-border-color: var(--tree-node-candidate-loading-border-color);
    --corpus-candidates-tree-candidate-node-droppable-bg-color: var(--tree-node-candidate-droppable-bg-color);
    --corpus-candidates-tree-candidate-node-droppable-text-color: var(--tree-node-candidate-droppable-text-color);
    --corpus-candidates-tree-candidate-node-droppable-outline: var(--tree-node-candidate-draggingOver-outline);
    --corpus-candidates-tree-candidate-node-droppable-outline-offset: var(--tree-node-candidate-droppable-outline-offset);
    --corpus-candidates-tree-candidate-node-draggingOver-bg-color: var(--tree-node-candidate-draggingOver-bg-color);
    --corpus-candidates-tree-candidate-node-draggingOver-text-color: var(--tree-node-candidate-draggingOver-text-color);
    --corpus-candidates-tree-candidate-node-draggingOver-outline: var(--tree-node-candidate-draggingOver-outline);
    --corpus-candidates-tree-candidate-node-draggingOver-outline-offset: var(--tree-node-candidate-draggingOver-outline-offset);

    /* Classification tree */
    --classifier-tree-node-level-0-bg: var(--tree-node-default-level-0-bg-color);
    --classifier-tree-node-level-0-text: var(--tree-node-default-level-0-text-color);
    --classifier-tree-node-level-1-bg: var(--tree-node-default-level-1-bg-color);
    --classifier-tree-node-level-1-text: var(--grey-700);
    --classifier-tree-node-level-2-bg: var(--tree-node-default-level-1-bg-color);
    --classifier-tree-node-level-2-text: var(--grey-700);

    /* Notifications tree */
    --notifications-tree-node-level-0-bg: var(--tree-node-default-level-0-bg-color);
    --notifications-tree-node-level-0-text: var(--tree-node-default-level-0-text-color);
    --notifications-tree-node-level-1-bg: var(--tree-node-default-level-0-bg-color);;
    --notifications-tree-node-level-1-text: var(--tree-node-default-level-0-text-color);
    --notifications-tree-node-level-2-bg: var(--tree-node-default-level-1-bg-color);
    --notifications-tree-node-level-2-text: var(--tree-node-default-level-1-text-color);

    /* User management tree */
    --user-management-tree-node-radius: var(--tree-node-radius);
    --user-management-tree-node-level-0-bg: var(--tree-node-default-level-0-bg-color);
    --user-management-tree-node-level-0-text: var(--tree-node-default-level-0-text-color);
    --user-management-tree-node-level-1-bg: var(--tree-node-default-level-0-bg-color);;
    --user-management-tree-node-level-1-text: var(--tree-node-default-level-0-text-color);
    --user-management-tree-node-level-2-bg: var(--tree-node-default-level-1-bg-color);
    --user-management-tree-node-level-2-text: var(--tree-node-default-level-1-text-color);

    /* Ontologies Tree */
    --ontologies-tree-node-radius: var(--tree-node-radius);
    --ontologies-tree-root-node-bg-color: var(--tree-colored-node-level-0-bg-color);
    --ontologies-tree-root-node-text-color: var(--tree-colored-node-level-0-text-color);
    --ontologies-tree-root-node-hover-bg-color: var(--tree-colored-node-level-0-hover-bg-color);
    --ontologies-tree-root-node-hover-text-color: var(--tree-colored-node-level-0-hover-text-color);
    --ontologies-tree-ontology-scheme-node-bg-color: var(--tree-colored-node-level-1-bg-color);
    --ontologies-tree-ontology-scheme-node-text-color: var(--tree-colored-node-level-1-text-color);
    --ontologies-tree-ontology-scheme-node-hover-bg-color: var(--tree-colored-node-level-1-hover-bg-color);
    --ontologies-tree-ontology-scheme-node-hover-text-color: var(--tree-colored-node-level-1-hover-text-color);
    --ontologies-tree-members-root-node-bg-color: var(--tree-colored-node-level-2-bg-color);
    --ontologies-tree-members-root-node-text-color: var(--tree-colored-node-level-2-text-color);
    --ontologies-tree-members-root-node-hover-bg-color: var(--tree-colored-node-level-2-hover-bg-color);
    --ontologies-tree-members-root-node-hover-text-color: var(--tree-colored-node-level-2-hover-text-color);
    --ontologies-tree-member-node-bg: var(--tree-colored-node-level-3-bg-color);
    --ontologies-tree-member-node-text-color: var(--tree-colored-node-level-3-text-color);
    --ontologies-tree-member-node-hover-bg-color: var(--tree-colored-node-level-3-hover-bg-color);
    --ontologies-tree-member-node-hover-text-color: var(--tree-colored-node-level-3-hover-text-color);
    --ontologies-tree-member-node-synced-badge-bg-color: var(--gw-neutral-0);
    --ontologies-tree-member-node-synced-badge-text-color: var(--gw-foreground-on-surface-default);


    /* SMC Tree */
    --smc-tree-node-radius: var(--tree-node-radius);
    --smc-tree-node-level-0-bg: var(--tree-node-default-level-0-bg-color);
    --smc-tree-node-level-0-textColor: var(--tree-node-default-level-0-text-color);
    --smc-tree-node-level-1-bg: var(--tree-node-default-level-0-bg-color);
    --smc-tree-node-level-1-textColor: var(--tree-node-default-level-0-text-color);
    --smc-tree-node-level-2-bg: var(--tree-node-default-level-1-bg-color);
    --smc-tree-node-level-2-textColor: var(--tree-node-default-level-1-text-color);
    --smc-tree-node-level-3-bg: var(--tree-node-default-level-1-bg-color);
    --smc-tree-node-level-3-textColor: var(--tree-node-default-level-1-text-color);

    /* ====================== TREE CONTEXT MENU ====================== */
    --tree-menu-panel-order: 1px solid var(--gw-tieredmenu-border-color);
    --tree-menu-panel-shadow: var(--pp-popover-shadow);
    --tree-menu-option-disabled-color: var(--grey-400);


    /* ====================== TABS ====================== */
    --tabs-bg-color: var(--grey-50);
    --tabs-container-border: var(--pp-default-border);
    --tabs-container-bg: var(--grey-50);
    --tabs-container-border-radius: var(--pp-base-border-radius);
    --tabs-content-container-padding: 6px;
    --tabs-content-container-bg: var(--gw-neutral-0);
    --tabs-header-color: var(--gw-neutral-800);
    --tabs-header-disabled-color: var(--grey-300);
    --tabs-header-hover-bg: var(--grey-100);
    --tabs-header-active-bg-color: var(--gw-primary-100);
    --tabs-header-active-text-color: var(--primary-color);
    --tabs-header-active-text-weight: var(--gw-body-base-medium-font-weight);
    --tabs-header-active-border-bottom: 2px solid var(--primary-color);
    --tabs-font-size: 0.81rem;
    --tabs-header-padding: 12px 20px 9px;
    --tabs-content-padding: 20px 20px 0;
    --tabs-white-bg: var(--gw-neutral-0);
    --tabs-header-border-bottom: 1px solid var(--gw-neutral-100);
    --tab-color: var(--grey-500);
    --tab-color-disabled: var(--grey-300);
    --tab-hover-bg: var(--grey-100);
    --tab-active-color: var(--grey-700);
    --tab-active-border-bottom: 2px solid var(--primary-color);
    --tab-font-size: 13px;
    --tab-padding: 12px 20px 9px;
    --tab-header-gap: 6px;


    /* ====================== MAIN CONTENT ====================== */
    --main-content-bg-color: var(--gw-neutral-50);
    --main-content-panel-box-neutral-bg-color: var(--grey-50);

    /* ========================= TILE =========================== */
    --tile-padding: 10px;
    --tile-droppable-outline-offset: -2px;
    --tile-draggingOver-outline-offset: -3px;

    --tile-variant-neutral-header-bg-color: var(--grey-100);
    --tile-variant-neutral-body-bg-color: var(--grey-100);

    --tile-variant-a-header-bg-color: var(--gw-primary-100);
    --tile-variant-a-body-bg-color: var(--gw-primary-50);
    --tile-variant-a-body-element-hover-bg-color: var(--gw-primary-100);
    --tile-variant-a-droppable-bg: var(--gw-primary-100);
    --tile-variant-a-droppable-link-color: var(--gw-primary-600);
    --tile-variant-a-droppable-foreground-color: var(--gw-primary-400);
    --tile-variant-a-droppable-border: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--tile-variant-a-droppable-foreground-color);
    --tile-variant-a-draggingOver-bg: var(--gw-primary-200);
    --tile-variant-a-draggingOver-foreground-color: var(--gw-primary-500);
    --tile-variant-a-draggingOver-border: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--tile-variant-a-draggingOver-foreground-color);

    --tile-variant-b-header-bg-color: var(--gw-color-teal-200);
    --tile-variant-b-body-bg-color: var(--gw-color-teal-100);
    --tile-variant-b-body-element-hover-bg-color: var(--gw-color-teal-200);
    --tile-variant-b-droppable-bg: var(--gw-color-teal-200);
    --tile-variant-b-droppable-foreground-color: var(--gw-color-teal-500);
    --tile-variant-b-droppable-border: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--tile-variant-b-droppable-foreground-color);
    --tile-variant-b-draggingOver-bg: var(--gw-color-teal-300);
    --tile-variant-b-draggingOver-foreground-color: var(--gw-color-teal-600);
    --tile-variant-b-draggingOver-border: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--tile-variant-b-draggingOver-foreground-color);

    /* ====================== TILE. Combine with before? ====================== */
    --tile-link-color: var(--primary-color);
    --tile-separator-bg: var(--gw-neutral-200);
    --tile-group-title-color: var(--gw-foreground-on-surface-subtle);
    --tile-group-title-border: 1px solid var(--grey-400);
    --tile-annotation-color: var(--grey-500);
    --tile-header-gap: 8px;
    --tile-header-icons-gap: 3px;
    --tile-element-gap: 6px;
    --tile-element-color: var(--gw-foreground-on-surface-muted);
    --tile-element-container-hover-bg-blue: var(--gw-primary-50);
    --tile-element-container-hover-bg-green: var(--green-100);
    --tile-header-after-border: 1px solid var(--grey-300);

    /* ====================== DIALOG ====================== */
    --dialog-panel-shadow: 0 20px 25px -5px var(--gw-neutral-shadow, rgba(17, 24, 39, 0.05)), 0 8px 10px -6px var(--gw-neutral-shadow, rgba(17, 24, 39, 0.05));
    --dialog-panel-bg-color: var(--grey-50);
    --dialog-panel-header-bg-color: var(--gw-primary-400);
    --dialog-panel-header-text-color: var(--gw-neutral-0);

    /* ====================== APPLIED CLASSES ====================== */
    --applied-class-text-color: var(--grey-700);

    /* ====================== APP MESSAGES ====================== */
    --app-messages-panel-bg: var(--gw-neutral-0);
    --app-messages-panel-text-color: var(--grey-700);
    --app-messages-panel-date-color: var(--grey-500);
    --app-messages-panel-count-text-color: var(--gw-neutral-0);
    --app-messages-panel-count-error-bg-color: var(--gw-error-base);
    --app-messages-panel-count-warning-bg-color: var(--gw-foreground-on-surface-accent);
    --app-messages-panel-count-info-bg-color: var(--gw-primary-base);
    --app-messages-panel-count-success-bg-color: var(--gw-success-600);

    /* ====================== CONTACT TAB ====================== */
    --contact-tab-external-link-color: var(--grey-700);

    /* ====================== CUSTOM SCHEME DETAILS OVERLAY ====================== */
    --custom-scheme-details-overlay-bg: var(--gw-neutral-0);
    --custom-scheme-details-overlay-text-color: var(--grey-700);
    --custom-scheme-details-overlay-link-text-color: var(--gw-foreground-link-idle);
    --custom-scheme-details-overlay-defined-in-text-color: var(--grey-500);
    --custom-scheme-details-overlay-icons-label-text-color: var(--grey-500);
    --custom-scheme-details-overlay-no-concepts-text-color: var(--grey-500);
    --custom-scheme-details-overlay-concept-icon-color: var(--turquoise-600);
    --custom-scheme-details-overlay-concept-icon-border: 1px var(--turquoise-600) solid;
    --custom-scheme-details-overlay-proceed-title-text-color: var(--green-600);
    --custom-scheme-details-overlay-realtion-attribute-text-color: var(--lavender-300);
    --custom-scheme-details-overlay-description-link-text-color: var(--gw-foreground-link-idle);
    --custom-scheme-details-overlay-data-type-value-text-color: var(--turquoise-600);
    --custom-scheme-details-overlay-error-text-color: var(--red-500);
    --custom-scheme-details-overlay-warning-text-color: var(--orange-500);

    /* ====================== ERROR PAGE ====================== */
    --error-page-header-text-color: var(--gw-foreground-on-surface-brand);
    --error-page-message-text-color: var(--gw-foreground-on-surface-brand);
    --error-page-highlight-color: var(--gw-foreground-on-surface-accent);

    /* ====================== EXTERNAL APPS MENU ====================== */
    --external-apps-menu-options-container-gap: var(--gm-tieredmenu-list-gap);
    --external-apps-menu-option-padding: var(--gm-tieredmenu-item-padding);
    --external-apps-menu-option-border-radius: var(--gm-tieredmenu-item-border-radius);
    --external-apps-menu-option-text-color: var(--gw-tieredmenu-item-color);
    --external-apps-menu-option-hover-bg-color: var(--gw-tieredmenu-item-active-background);
    --external-apps-menu-option-hover-text-color: var(--gw-tieredmenu-item-active-color);
    --external-apps-menu-option-disabled-text-color: var(--gw-foreground-on-surface-disabled);

    /* ====================== HELP MENU ====================== */
    --help-menu-options-container-gap: var(--gm-tieredmenu-list-gap);
    --help-menu-option-text-color: var(--gw-tieredmenu-item-color);
    --help-menu-option-padding: var(--gm-tieredmenu-item-padding);
    --help-menu-option-border-radius: var(--gm-tieredmenu-item-border-radius);
    --help-menu-option-hover-bg-color: var(--gw-tieredmenu-item-active-background);
    --help-menu-option-hover-text-color: var(--gw-tieredmenu-item-active-color);

    /* ====================== HISTORY TABLE ====================== */
    --history-table-event-lang-bg-color: var(--grey-500);
    --history-table-event-lang-text-color: var(--gw-neutral-0);

    /* ====================== ABOUT ====================== */
    --about-text-color: var(--grey-700);
    --about-separator-color: var(--grey-500);
    --about-videos-border-top: 1px solid var(--grey-300);
    --about-loader-bg-color: #00ADEE10;
    --about-play-icon-outer-circle-bg-color: var(--gw-neutral-0);
    --about-play-icon-inner-circle-bg-color: var(--primary-color);
    --about-play-icon-border-left: 10px solid var(--gw-neutral-0);
    --about-frame-loading-bg-color: var(--gw-neutral-0);

    /* ====================== VERSION AND LICENSE ====================== */
    --version-and-license-copy-to-clipboard-button-bg-color: var(--primary-color);
    --version-and-license-modules-color: var(--green-400);
    --version-and-license-version-info-color: var(--grey-700);
    --version-and-license-version-info-bg-color: var(--grey-260);
    --version-and-license-separator-border-top: 1px solid var(--grey-300);

    /* ====================== MAIN MENU ====================== */
    --main-menu-menu-responsive-bg-color: var(--gw-topnav-background);
    --main-menu-menu-responsive-border-top: solid 1px var(--gw-primary-lighter);
    --main-menu-space-holder-color: var(--gw-foreground-on-surface-muted);
    --main-menu-menu-item-color: var(--gw-foreground-on-surface-muted);
    --main-menu-menu-item-hover-bg-color: var(--gw-primary-lighter);
    --main-menu-menu-item-options-container-color: var(--gw-tieredmenu-color);
    --main-menu-menu-item-options-container-bg-color: var(--gw-tieredmenu-background);
    --main-menu-menu-item-options-container-padding: var(--gm-tieredmenu-list-padding);
    --main-menu-menu-item-options-container-border-radius: var(--gm-tieredmenu-border-radius);
    --main-menu-menu-item-options-container-gap: var(--gm-tieredmenu-list-gap);
    --main-menu-menu-item-options-container-box-shadow: 0 3px 5px -1px rgb(0 0 0 / 20%),
    0 6px 10px 0 rgb(0 0 0 / 14%),
    0 1px 18px 0 rgb(0 0 0 / 12%);
    --main-menu-menu-item-option-text-color: var(--gw-tieredmenu-item-color);
    --main-menu-menu-item-option-padding: var(--gm-tieredmenu-item-padding);
    --main-menu-menu-item-option-border-radius: var(--gm-tieredmenu-item-border-radius);
    --main-menu-menu-item-option-disabled-text-color: var(--grey-400);
    --main-menu-menu-item-option-hover-bg-color: var(--gw-tieredmenu-item-active-background);
    --main-menu-menu-item-option-hover-text-color: var(--gw-tieredmenu-item-active-color);
    --main-menu-option-arrow-color: var(--gw-tieredmenu-item-icon-color);
    --main-menu-option-arrow-hover-color: var(--gw-tieredmenu-item-icon-active-color);

    /* ====================== SEARCH BAR ====================== */
    --search-bar-bg-color: var(--gw-primary-lighter);
    --search-bar-color: var(--gw-foreground-on-surface-muted);
    --search-bar-height: 33px;

    /* ====================== PRODUCT TOURS ====================== */
    --product-tours-goals-dialog-separator-bg-color: var(--gw-neutral-100);
    --product-tours-markdown-wrapper-custom-list-li-color: var(--grey-700);
    --product-tours-markdown-wrapper-custom-list-li-border-bottom: 1px solid var(--grey-100);
    --product-tours-module-menu-container-border: 1px solid var(--gw-neutral-100);
    --product-tours-module-menu-header-bg-color: var(--gw-primary-400);
    --product-tours-module-menu-main-bg-color: var(--gw-neutral-0);
    --product-tours-module-menu-separator-bg-color: var(--gw-neutral-100);
    --product-tours-module-accordion-header-module-border-bottom: 1px solid var(--gw-neutral-100);
    --product-tours-module-accordion-header-module-icon-bg-color: var(--primary-color);
    --product-tours-module-accordion-header-module-icon-fill-color: var(--gw-neutral-0);
    --product-tours-module-accordion-header-product-tours-number-bg-color: var(--gw-neutral-100);
    --product-tours-module-accordion-header-row-icon-polygon-fill-color: var(--grey-700);
    --product-tours-module-accordion-item-tutorial-hover-bg-color: var(--gw-primary-50);
    --product-tours-module-accordion-item-complexity-bar-fill-color: var(--grey-500);
    --product-tours-tutorial-step-separator-bg-color: var(--gw-neutral-0);
    --product-tours-tutorial-step-additional-resource-bg-color: var(--gw-neutral-0);
    --product-tours-tutorial-step-additional-resource-color: var(--gw-primary-800);
    --product-tours-tutorial-step-footer-bg-color: var(--gw-primary-900);
    --product-tours-tutorial-step-done-button-color: var(--gw-primary-800);
    --product-tours-tutorial-step-done-button-bg-color: var(--gw-neutral-0);
    --product-tours-tutorial-tour-close-button-text-color: var(--gw-neutral-0);
    --product-tours-tutorial-tour-tooltip-bg-color: var(--gw-primary-800);
    --product-tours-tutorial-tour-tooltip-text-color: var(--gw-neutral-0);
    --product-tours-tutorial-tour-arrow-color: var(--gw-primary-800);

    --product-tours-icon-background: var(--gw-color-blue-400);
    --product-tours-icon-hover-background: var(--gw-color-blue-300);
    --product-tours-icon-disabled-background: var(--gw-color-blue-200);

    /* ====================== TRIPLES ====================== */
    --triples-header-color: var(--primary-color);

    /* ====================== USER ACCOUNT MENU ====================== */
    --user-account-menu-options-container-gap: var(--gm-tieredmenu-list-gap);
    --user-account-menu-option-padding: var(--gm-tieredmenu-item-padding);
    --user-account-menu-option-border-radius: var(--gm-tieredmenu-item-border-radius);
    --user-account-menu-option-text-color: var(--gw-tieredmenu-item-color);
    --user-account-menu-option-hover-text-color: var(--gw-tieredmenu-item-active-color);
    --user-account-menu-option-hover-bg-color: var(--gw-tieredmenu-item-active-background);

    /* ====================== ACCORDION ====================== */
    --accordion-header-border-bottom: 1px solid var(--gw-accordion-header-border-color);
    --accordion-header-inactive-color: var(--grey-400);
    --accordion-header-inactive-hover-color: var(--grey-500);

    /* ====================== AUTOCOMPLETE ====================== */
    --autocomplete-base-icon-color: var(--gw-primary-900);
    --autocomplete-dbpedia-skosxl-hover-bg: var(--gw-neutral-100);

    /* ====================== BADGE ====================== */
    --badge-color: var(--gw-neutral-0);
    --badge-bg: var(--grey-500);
    --badge-beta-bg: var(--gw-foreground-on-surface-accent);
    --badge-beta-color: var(--gw-neutral-0);
    /* Clickable Badge */
    --badge-clickable-wrapper-border: 1px solid var(--grey-300);
    --badge-clickable-wrapper-bg: var(--grey-100);
    --badge-clickable-disabled-bg: var(--gw-neutral-100);
    --badge-clickable-disabled-color: #d9d9d9;
    --badge-clickable-icon-bg: var(--grey-500);

    /* ====================== Language Badge ====================== */
    --language-badge-bg: var(--gw-color-steel-800);
    --language-badge-color: var(--gw-foreground-on-brand);
    --language-badge-border-radius: var(--gm-badge-border-radius);

    /* ====================== Label Badge ====================== */
    --label-badge-bg-color: var(--gw-neutral-200);
    --label-badge-text-color: var(--gw-foreground-on-surface-default);
    --label-badge-border: none;
    --label-badge-hover-bg-color: var(--gw-neutral-200);
    --label-badge-hover-text-color: var(--gw-foreground-on-surface-default);
    --label-badge-hover-border: none;


    /* ====================== BUTTON ====================== */
    --button-border-radius: 3px;
    --button-primary-bg: var(--primary-color);
    --button-primary-disabled: var(--primary-color-disabled);
    --button-primary-hover-bg: var(--primary-color);
    --button-primary-color: var(--gw-neutral-0);
    --button-primary-outlined-foreground-color: var(--primary-color);
    --button-primary-outlined-bg-color: transparent;
    --button-negative-bg: var(--red-700);
    --button-negative-border: var(--red-700);
    --button-negative-hover-bg: var(--red-500);
    --button-negative-hover-border: var(--red-500);
    --button-warning-bg: var(--orange-500);
    --button-warning-border: var(--orange-500);
    --button-warning-hover-bg: var(--orange-400);
    --button-warning-hover-border: var(--orange-400);
    --button-outlined-negative-color: var(--red-700);
    --button-outlined-negative-border: var(--red-700);
    --button-outlined-negative-hover-color: var(--red-500);
    --button-outlined-negative-hover-border: var(--red-500);
    --button-outlined-warning-color: var(--orange-400);
    --button-outlined-warning-border: var(--orange-400);

    /* ====================== SELECT ====================== */
    --select-border: 1px solid var(--gw-select-border-color);
    --select-option-disabled-bg-color: transparent;
    --select-option-disabled-text-color: var(--gw-neutral-300);
    --select-option-disabled-selected-bg-color: var(--gw-neutral-100);
    --select-option-disabled-selected-text-color: var(--gw-neutral-300);

    /* ====================== MULTI SELECT ====================== */
    --multi-select-border: 1px solid var(--gw-multiselect-border-color);
    --multiselect-panel-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    --multiselect-summary-gap: 3px;
    --multiselect-padding-base: 6px;
    --multiselect-padding: var(--multiselect-padding-base) var(--gm-multiselect-padding-x) var(--multiselect-padding-base) var(--multiselect-padding-base);
    --multiselect-max-number-of-row: 1;
    --multiselect-badge-height: 19px;
    --multiselect-max-height: calc(
            var(--multiselect-badge-height) * var(--multiselect-max-number-of-row) +
            var(--multiselect-summary-gap) * (var(--multiselect-max-number-of-row) - 1) +
            var(--multiselect-padding-base) * 2
    );
    --multi-select-option-disabled-bg-color: transparent;
    --multi-select-option-disabled-text-color: var(--gw-neutral-300);
    --multi-select-option-disabled-selected-bg-color: var(--gw-neutral-100);
    --multi-select-option-disabled-selected-text-color: var(--gw-neutral-300);
    --multi-select-badge-hover-bg-color: var(--gw-chip-background);
    --multi-select-badge-hover-text-color: var(--gw-chip-color);
    --multi-select-badge-disabled-bg-color: var(--gw-neutral-50);
    --multi-select-badge-disabled-text-color: var(--gw-neutral-100);

    /* ====================== LOADING BAR ====================== */
    --loading-bar-bg-color: var(--primary-color);
    --loading-bar-stroke-width: 2px;

    /* ====================== DATE PICKER ====================== */
    --dp-accent-color: var(--gw-neutral-400);
    --dp-today-color: var(--gw-datepicker-today-color);
    --dp-selected-border: none;
    --dp-selected-color: var(--gw-neutral-0);


    /* ====================== DIAGRAM ====================== */
    --diagram-rounded-badge-border: 1px solid var(--grey-700);
    --diagram-rounded-badge-color: var(--grey-700);
    --diagram-normal-node-deleted-color: var(--grey-400);

    /* ====================== DRAGGABLE ====================== */
    --draggable-drag-layer-bg: var(--gw-neutral-0);
    --draggable-drag-layer-box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);

    /* ====================== EMPTY TILE COLUMN ====================== */
    --empty-tile-column-color: var(--grey-400);

    /* ====================== ERROR HANDLER ====================== */
    --error-handler-wrapper-bg: var(--gw-neutral-0);
    --error-handler-wrapper-border: 2px solid var(--gw-neutral-100);
    --error-handler-error-handler-container-bg: var(--grey-100);

    /* ====================== EXPANDER ====================== */
    --expander-header-color: var(--primary-color);
    --expander-background-bg: var(--gw-neutral-0);
    --expander-background-border: 1px solid var(--gw-neutral-100);
    --expander-background-border-top: var(--grey-100);
    --expander-background-border-bottom: var(--grey-300);

    /* ====================== FILE LIST ====================== */
    --file-list-file-row-loading-bar-bg: var(--gw-neutral-100);
    --file-list-file-row-loading-bar-complete-bg: var(--loading-bar-bg-color);

    /* ====================== FILE UPLOAD ====================== */
    --file-upload-file-input-border: 1px solid var(--grey-300);
    --file-upload-file-input-invalid-border: 2px solid var(--red-600);
    --file-upload-file-input-button-bg: var(--gw-neutral-200);
    --file-upload-file-input-button-hover-bg: var(--gw-neutral-100);
    --file-upload-file-name-color: var(--grey-700);

    /* ====================== ICON ====================== */
    --icon-icon-fill: var(--grey-500);
    --icon-icon-hover-fill: var(--grey-700);
    --icon-white-icon-fill: var(--gw-neutral-0);
    --icon-white-icon-hover-fill: var(--gw-neutral-0);
    --icon-blue-icon-fill: var(--primary-color);
    --icon-blue-icon-hover-fill: var(--primary-color);

    /* ====================== ICON BUTTON ====================== */
    --icon-button-icon-button-hover-bg: var(--gw-neutral-100);
    --icon-button-icon-button-disabled-hover-bg: transparent;

    /* ====================== LEGEND ====================== */
    --legend-legend-container-border: 1px solid var(--gw-neutral-100);
    --legend-legend-container-bg: var(--grey-700);
    --legend-legend-container-color: white;

    /* ====================== LIST HAS MORE ====================== */
    --list-has-more-more-color: var(--grey-700);

    /* ====================== MENU PANEL ====================== */
    --menu-panel-border-radius: var(--gm-tieredmenu-border-radius);
    --menu-panel-shadow: var(--pp-popover-shadow);
    --menu-panel-min-width: 180px;
    --menu-panel-header-color: var(--gw-text-color);
    --menu-panel-header-bg: var(--gw-primary-100);
    --menu-panel-body-bg: var(--gw-neutral-0);
    --menu-panel-body-padding: var(--gm-tieredmenu-list-padding);

    /* ====================== POPOVER ====================== */
    --popover-content-bg: var(--gw-neutral-0);
    --gw-overlay-popover-shadow-1: var(--gm-overlay-popover-shadow-1-offset-x, 0) var(--gm-overlay-popover-shadow-1-offset-y, 4px) var(--gm-overlay-popover-shadow-1-blur, 6px) var(--gm-overlay-popover-shadow-1-spread, -1px) var(--gw-overlay-popover-shadow-1-color, rgba(0, 0, 0, 0.15));

    /* ====================== SCROLLING LIST ITEM ====================== */
    --scrolling-list-item-hover-bg: var(--gw-neutral-100);

    /* ====================== SEPARATOR ====================== */
    --separator-border: 2px solid var(--grey-300);
    --separator-border-radius: 5px;

    /* ====================== SPLIT BUTTON ====================== */
    --split-button-dropdown-menu-backdrop-bg: transparent;

    /* ====================== STEPPER ====================== */
    --stepper-step-after-bg: var(--grey-300);
    --stepper-step-inner-before-bg: var(--grey-300);
    --stepper-step-inner-before-border-radius: 50%;
    --stepper-step-label-color: var(--gw-neutral-500);
    --stepper-step-icon-bg: var(--grey-300);
    --stepper-step-icon-border-radius: 50%;
    --stepper-step-past-after-bg: var(--green-400);
    --stepper-step-past-label-color: var(--green-400);
    --stepper-step-past-inner-before-bg: var(--green-400);
    --stepper-step-past-inner-before-height: 100%;
    --stepper-step-past-inner-before-width: 100%;
    --stepper-step-past-icon-after-border-color: var(--gw-neutral-0);
    --stepper-step-active-icon-bg: var(--gw-neutral-0);
    --stepper-step-active-icon-border: 3px solid var(--primary-color);
    --stepper-step-active-label-color: var(--primary-color);

    /* ====================== STEPPER 2 ====================== */
    --stepper-2-step-active: var(--gw-primary-500);
    --stepper-2-step-inactive: var(--grey-420);
    --stepper-2-divider: var(--grey-400);
    --stepper-2-label: var(--gw-menu-item-color);

    /* ====================== TABLE ====================== */
    --table-bg: var(--gw-neutral-0);
    --table-header-ordered-ref-cell-font-weight: 600;
    --table-sub-header-padding: var(--gm-datatable-body-cell-sm-padding);
    --table-row-lg-padding: var(--gm-datatable-body-cell-lg-padding-y, --gm-datatable-body-cell-lg-padding-x);
    --table-border: var(--gm-datatable-header-border-width) var(--gm-border-default-style) var(--gw-datatable-border-color);
    --table-row-expanded-bg: var(--grey-50);
    --table-row-disabled-bg: var(--gw-neutral-100);
    --table-row-dragging-bg: var(--gw-neutral-0);
    --table-cell-status-expanded-bg: var(--grey-500);
    --table-cell-status-selected-bg: var(--primary-color);
    --table-cell-status-invalid-bg: var(--red-700);
    --table-shadow-dragging: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12);
    --table-select-menu-bg: var(--gw-neutral-0);
    --table-select-menu-shadow: 0 3px 5px -1px rgba(0, 0, 0, .2), 0 6px 10px 0 rgba(0, 0, 0, .14), 0 1px 18px 0 rgba(0, 0, 0, .12);
    --table-select-menu-text-color: var(--gw-neutral-700);
    --table-select-menu-section-bg: var(--primary-color);
    --table-select-menu-section-text-color: var(--gw-neutral-0);
    --table-select-menu-section-hover-bg: var(--gw-primary-300);
    --table-select-menu-button-hover-bg: var(--gw-neutral-100);
    --table-expand-icon-color: var(--grey-500);
    --table-expanded-row-bg: var(--gw-neutral-0);
    --table-expanded-row-border: 1px solid var(--gw-neutral-100);
    --table-expanded-row-shadow: 0 -1px 0 0 var(--gw-neutral-100);
    --table-expanded-row-transition: transform 0.25s cubic-bezier(0.1, 1, 0.6, 1);
    --table-expanded-row-height-transition: height 0.25s cubic-bezier(0.1, 1, 0.6, 1);
    --table-frozen-projected-row-bg: inherit;
    --table-frozen-projected-row-shadow: inset 0 -1px 0 0 var(--gw-neutral-100);
    --table-frozen-projected-row-transition-top: top 0.25s cubic-bezier(0.1, 1, 0.6, 1);
    --table-frozen-projected-row-transition-height: height 0.25s cubic-bezier(0.1, 1, 0.6, 1);
    --table-frozen-projected-row-transition-both: top 0.25s cubic-bezier(0.14, 0, 0, 1), height 0.25s cubic-bezier(0.1, 1, 0.6, 1);
    --table-frozen-projected-row-translate-up: translate3d(0, -40px, 0);
    --table-frozen-projected-row-translate-down: translate3d(0, 40px, 0);
    --table-red-text-color: var(--red-600);
    --table-red-light-text-color: var(--red-600);
    --table-blue-text-color: var(--gw-primary-900);
    --table-blue-light-text-color: var(--gw-primary-600);
    --table-green-text-color: var(--green-600);
    --table-orange-text-color: var(--orange-500);


    /* Simple Table */
    --table-simple-table-header-border-color: var(--gw-neutral-100);
    --table-simple-table-header-bg-color: var(--grey-400);
    --table-simple-table-header-cell-padding: var(--gm-datatable-body-cell-sm-padding);
    --table-simple-table-header-color: rgba(0, 0, 0, 0.44);
    --table-simple-table-row-hover-bg: var(--grey-50);
    --table-simple-table-row-border-color: var(--gw-neutral-100);


    /* ====================== TOAST ====================== */
    --toast-bg: var(--gw-neutral-700);
    --toast-color: var(--grey-100);
    --toast-timer-bg: var(--orange-400);
    --toast-button-color: var(--orange-500);

    /* ====================== TRIPLE STATE SWITCH ====================== */
    --triple-switch-track-bg: var(--grey-300);
    --triple-switch-track-border-radius: 10px;
    --triple-switch-thumb-bg: var(--gw-neutral-0);
    --triple-switch-thumb-border: 1px solid var(--gw-neutral-100);
    --triple-switch-thumb-border-radius: 50%;
    --triple-switch-thumb-shadow: 0 1px 8px 0 rgba(0, 0, 0, .2), 0 3px 4px 0 rgba(0, 0, 0, .14), 0 3px 3px -2px rgba(0, 0, 0, .12);
    --triple-switch-disabled-thumb-bg: var(--grey-300);
    --triple-switch-disabled-track-bg: var(--grey-300);
    --triple-switch-disabled-thumb-border: var(--grey-300);
    --triple-switch-disabled-thumb-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2), 0 1px 2px 0 rgba(0, 0, 0, .14), 0 2px 3px -2px rgba(0, 0, 0, .12);
    --triple-switch-checked-track-bg: var(--green-600);
    --triple-switch-checked-thumb-bg: var(--green-900);
    --triple-switch-checked-thumb-border: transparent;

    /* ====================== DRAG AND DROP LEGEND ====================== */
    --drag-and-drop-legend-title-color: var(--grey-300);
    --drag-and-drop-legend-note-color: var(--gw-neutral-100);
    --drag-and-drop-legend-key-color: var(--grey-700);


    /* ====================== VISUAL MAPPER ====================== */
    --visual-mapper-back-color: var(--gw-neutral-0);
    --visual-mapper-back-items-color: var(--gw-neutral-0);
    --visual-mapper-header-color: var(--gw-primary-600);
    --visual-mapper-inactive-color: var(--grey-300);

    /* ====================== CARD ====================== */
    --card-border: var(--pp-default-border);
    --card-bg: var(--grey-50);
    --card-header-bottom-border: var(--pp-default-border);

    /* ====================== STATUS BAR ====================== */
    --status-bar-bg-color: var(--gw-color-yellow-500);
    --status-bar-text-color: var(--gw-neutral-700);


    /* ==============================================================
    ============================ PAGES ==============================
    ============================================================== */
    /* ========================= SKOS ========================= */
    --skos-page-action-button-radius: 10px;
    --skos-page-action-exclude-list-add-button-bg-color: transparent;
    --skos-page-action-exclude-list-add-button-text-color: var(--gw-tertiary-700);
    --skos-page-action-exclude-list-add-button-hover-bg-color: var(--gw-tertiary-100);
    --skos-page-action-exclude-list-add-button-hover-text-color: var(--gw-tertiary-600);
    --skos-page-action-exclude-list-remove-button-bg-color: transparent;
    --skos-page-action-exclude-list-remove-button-text-color: var(--gw-tertiary-700);
    --skos-page-action-exclude-list-remove-button-hover-bg-color: var(--gw-tertiary-100);
    --skos-page-action-exclude-list-remove-button-hover-text-color: var(--gw-tertiary-600);
    --skos-page-action-exact-match-add-button-bg-color: transparent;
    --skos-page-action-exact-match-add-button-text-color: var(--gw-tertiary-700);
    --skos-page-action-exact-match-add-button-hover-bg-color: var(--gw-tertiary-100);
    --skos-page-action-exact-match-add-button-hover-text-color: var(--gw-tertiary-600);
    --skos-page-action-exact-match-remove-button-bg-color: transparent;
    --skos-page-action-exact-match-remove-button-text-color: var(--gw-tertiary-700);
    --skos-page-action-exact-match-remove-button-hover-bg-color: var(--gw-tertiary-100);
    --skos-page-action-exact-match-remove-button-hover-text-color: var(--gw-tertiary-600);
    /* ====================== WORKFLOW ====================== */
    --workflow-action-button-approve-bg-color: var(--green-700);
    --workflow-action-button-reject-bg-color: var(--red-600);
    --workflow-action-button-draft-bg-color: var(--gold);
    --workflow-status-badge-draft-bg-color: var(--grey-400);
    --workflow-status-badge-approved-bg-color: var(--success-bg-color);


    /* ====================== Data Validation ====================== */
    --data-validation-results-summary-repaired-foreground-color: var(--orange-400);
    --data-validation-results-summary-valid-foreground-color: var(--grey-700);
    --data-validation-results-summary-valid-foreground-color-detail: var(--success-foreground-color);
    --data-validation-results-summary-invalid-foreground-color: var(--error-foreground-color);
    --data-validation-results-result-border: var(--pp-default-border);
    --data-validation-results-result-header-decription-text-color: var(--primary-color);
    --data-validation-results-result-header-repaired-bg-color: var(--orange-70);
    --data-validation-results-result-header-repaired-highlighted-bg-color: var(--orange-80);
    --data-validation-results-result-header-valid-highlighted-bg-color: var(--primary-color-light);
    --data-validation-results-result-header-invalid-bg-color: var(--red-50);
    --data-validation-results-result-header-invalid-highlighted-bg-color: var(--red-70);

    /* ====================== Taxonomy Advisor ====================== */
    --taxonomy-advisor-default-border: 2px solid var(--gw-neutral-100);

    /* ====================== Taxonomy Builder ====================== */
    --taxonomy-builder-label-excluded-bg-color: var(--gw-neutral-300);
    --taxonomy-builder-label-excluded-text-color: var(--gw-foreground-on-surface-subtle);
    --taxonomy-builder-label-excluded-border: none;
    --taxonomy-builder-label-excluded-hover-bg-color: var(--gw-neutral-200);
    --taxonomy-builder-label-excluded-hover-text-color: var(--gw-foreground-on-surface-subtle);
    --taxonomy-builder-label-excluded-hover-border: none;
    --taxonomy-builder-target-box-border: 1px solid var(--grey-300);
    --taxonomy-builder-target-box-bg-color: var(--gw-neutral-0);
    --taxonomy-builder-target-box-border-radius: var(--gm-inputtext-border-radius);
    --taxonomy-builder-target-box-droppable-bg-color: var(--pp-droppable-area-default-bg-color);
    --taxonomy-builder-target-box-droppable-foreground-color: var(--pp-droppable-area-text-color);
    --taxonomy-builder-target-box-droppable-outline: var(--pp-droppable-area-outline-width) var(--pp-droppable-area-outline-style) var(--pp-droppable-area-default-outline-color);
    --taxonomy-builder-target-box-droppable-outline-offset: var(--pp-droppable-area-outline-offset);
    --taxonomy-builder-target-box-dragging-over-bg-color: var(--pp-droppable-area-drag-over-default-bg-color);
    --taxonomy-builder-target-box-dragging-over-foreground-color: var(--pp-droppable-area-drag-over-text-color);
    --taxonomy-builder-target-box-dragging-over-outline: var(--pp-droppable-area-drag-over-outline-width) var(--pp-droppable-area-drag-over-outline-style) var(--pp-droppable-area-drag-over-default-outline-color);
    --taxonomy-builder-target-box-dragging-over-outline-offset: var(--pp-droppable-area-drag-over-outline-offset);
    --taxonomy-builder-target-box-project-node-bg-color: var(--grey-100);
    --taxonomy-builder-target-box-project-node-text-color: var(--tree-node-default-level-1-text-color);
    --taxonomy-builder-target-box-project-node-border: var(--pp-default-border);

    /* ====================== Api Light ====================== */
    --api-light-size: 10px;
    --api-light-border-radius: calc(var(--api-light-size) / 2);
    --api-light-default-bg-color: var(--orange-300);
    --api-light-default-box-shadow: var(--orange-300) 0 0 6px 1px, inset var(--orange-900) 0 0 3px, var(--orange-300) 0 0 0;
    --api-light-online-bg-color: var(--green-600);
    --api-light-online-box-shadow: var(--green-600) 0 0 6px 1px, inset var(--green-900) 0 0 3px, var(--green-600) 0 0 0;
    --api-light-offline-bg-color: var(--red-600);
    --api-light-offline-box-shadow: var(--red-600) 0 0 6px 1px, inset var(--gw-neutral-800) 0 0 3px, var(--red-600) 0 0 0;

    /* ====================== Non color variables from the Graphwise styleguide ====================== */
    --gm-space-0-125: 0.125rem; /** 16px base -> 2px */
    --gm-space-0-5: 0.5rem;
    --gm-space-0-75: 0.75rem;
    --gm-space-0-875: 0.875rem;
    --gm-space-1-5: 1.5rem;
    --gm-border-radius-xs: 2px;
    --gm-border-radius-sm: 4px;
    --gm-sm-line-height: 1.375rem;
    --gm-size-1: 1rem;
    --gm-size-0-75: 0.75rem;
    --gm-icon-size: 1rem;
    --gm-focus-ring-width: 2px;
    --gm-focus-ring-offset: 2px;
    --gm-list-padding: 0.25rem 0.25rem;
    --gm-list-gap: 2px;
    --gm-list-option-padding: 0.5rem 0.75rem;
    --gm-sidenav-list-padding: 0.25rem 0.25rem;
    --gm-sidenav-list-gap: 2px;
    --gm-sidenav-menuitem-padding: 0.5rem 1rem;
    --gm-overlay-popover-padding: 0.75rem;
    --gm-transition-duration: 200ms;
    --gm-style-solid: solid;
    --gm-toggleswitch-width: 1.875rem;
    --gm-toggleswitch-border-width: 1px;
    --gm-datepicker-date-width: 2rem;
    --gm-datepicker-date-height: 2rem;
    --gm-datepicker-date-padding: 0.25rem;
    --gm-chip-padding-x: 0.75rem;
    --gm-chip-gap: 0.5rem;
    --gm-message-content-padding: 0.75rem 0.75rem;
    --gm-message-content-gap: 0.5rem;
    --gm-message-text-font-size: 1rem;
    --gm-multiselect-option-gap: 0.5rem;
    --gm-accordion-header-font-weight: 600;
    --gm-scrollpanel-bar-size: 9px;
    --gm-tooltip-padding: 0.5rem 0.75rem;
    --gm-datatable-header-border-width: 1px;
    --gm-datatable-header-padding: 0.75rem 1rem;
    --gm-datatable-column-title-font-weight: 600;
    --gm-datatable-body-cell-sm-padding: 0.375rem 0.5rem;
    --gm-datatable-footer-padding: 0.75rem 1rem;
    --gm-border-default-width: 1px;
    --gm-border-default-style: solid;
    --gm-overlay-popover-shadow-1-blur: 6px;
    --gm-overlay-popover-shadow-1-spread: -1px;
    --gm-overlay-popover-shadow-1-offset-x: 0;
    --gm-overlay-popover-shadow-1-offset-y: 4px;
    --gm-base-line-height: var(--gm-sm-line-height);
    --gm-form-field-padding-x: var(--gm-space-0-75);
    --gm-form-field-padding-y: var(--gm-space-0-5);
    --gm-form-field-transition-duration: var(--gm-transition-duration);
    --gm-focus-ring-style: var(--gm-style-solid);
    --gm-defaul-border-radius: var(--gm-border-radius-sm);
    --gm-button-icon-size: var(--gm-icon-size);
    --gm-toggleswitch-height: var(--gm-size-1);
    --gm-toggleswitch-gap: var(--gm-space-0-125);
    --gm-toggleswitch-handle-size: var(--gm-size-0-75);
    --gm-checkbox-size: var(--gm-icon-size);
    --gm-checkbox-focus-ring-width: var(--gm-focus-ring-width);
    --gm-checkbox-focus-ring-offset: var(--gm-focus-ring-offset);
    --gm-autocomplete-list-padding: var(--gm-list-padding);
    --gm-autocomplete-list-gap: var(--gm-list-gap);
    --gm-autocomplete-option-padding: var(--gm-list-option-padding);
    --gm-datepicker-panel-padding: var(--gm-overlay-popover-padding);
    --gm-datepicker-date-border-radius: var(--gm-datepicker-date-width) / 2;
    --gm-badge-border-radius: var(--gm-border-radius-xs);
    --gm-chip-padding-y: var(--gm-space-0-125);
    --gm-select-list-padding: var(--gm-list-padding);
    --gm-select-list-gap: var(--gm-list-gap);
    --gm-select-option-padding: var(--gm-list-option-padding);
    --gm-multiselect-list-padding: var(--gm-list-padding);
    --gm-multiselect-list-gap: var(--gm-list-gap);
    --gm-multiselect-option-padding: var(--gm-list-option-padding);
    --gm-multiselect-chip-border-radius: var(--gm-border-radius-sm);
    --gm-accordion-header-padding: var(--gm-space-0-875);
    --gm-accordion-content-padding: 0 var(--gm-space-0-875) var(--gm-space-0-875) var(--gm-space-0-875);
    --gm-accordion-content-padding-sides: var(--gm-space-0-875);
    --gm-accordion-content-padding-bottom: var(--gm-space-0-875);
    --gm-scrollpanel-bar-border-radius: var(--gm-border-radius-sm);
    --gm-tieredmenu-list-padding: var(--gm-sidenav-list-padding);
    --gm-tieredmenu-list-gap: var(--gm-sidenav-list-gap);
    --gm-tieredmenu-item-padding: var(--gm-sidenav-menuitem-padding);
    --gm-datatable-body-cell-lg-padding-x: var(--gm-space-0-875);
    --gm-datatable-body-cell-lg-padding-y: var(--gm-space-0-875);
    --gm-form-field-border-radius: var(--gm-defaul-border-radius);
    --gm-content-border-radius: var(--gm-defaul-border-radius);
    --gm-list-option-border-radius: var(--gm-defaul-border-radius);
    --gm-sidenav-menuitem-border-radius: var(--gm-defaul-border-radius);
    --gm-overlay-select-border-radius: var(--gm-defaul-border-radius);
    --gm-overlay-popover-border-radius: var(--gm-defaul-border-radius);
    --gm-overlay-modal-border-radius: var(--gm-defaul-border-radius);
    --gm-button-padding-x: var(--gm-form-field-padding-x);
    --gm-button-padding-y: var(--gm-form-field-padding-y);
    --gm-inputtext-border-radius: var(--gm-defaul-border-radius);
    --gm-inputtext-padding-x: var(--gm-form-field-padding-x);
    --gm-inputtext-padding-y: var(--gm-form-field-padding-y);
    --gm-toggleswitch-handle-border-radius: var(--gm-toggleswitch-handle-size)/2;
    --gm-toggleswitch-transition-duration: var(--gm-form-field-transition-duration);
    --gm-checkbox-border-radius: var(--gm-defaul-border-radius);
    --gm-checkbox-focus-ring-style: var(--gm-focus-ring-style);
    --gm-autocomplete-padding-x: var(--gm-form-field-padding-x);
    --gm-autocomplete-padding-y: var(--gm-form-field-padding-y);
    --gm-message-text-line-height: var(--gm-base-line-height);
    --gm-select-padding-x: var(--gm-form-field-padding-x);
    --gm-select-padding-y: var(--gm-form-field-padding-y);
    --gm-multiselect-padding-x: var(--gm-form-field-padding-x);
    --gm-multiselect-padding-y: var(--gm-form-field-padding-y);
    --gm-toast-border-radius: var(--gm-defaul-border-radius);
    --gm-toast-content-padding: var(--gm-space-1-5);
    --gm-toast-content-gap: var(--gw-space-0-75);
    --gw-toast-text-gap: 0.5rem;
    --gm-button-border-radius: var(--gm-form-field-border-radius);
    --gm-panel-border-radius: var(--gm-content-border-radius);
    --gm-autocomplete-option-border-radius: var(--gm-list-option-border-radius);
    --gm-datepicker-panel-border-radius: var(--gm-content-border-radius);
    --gm-message-border-radius: var(--gm-content-border-radius);
    --gm-skeleton-border-radius: var(--gm-content-border-radius);
    --gm-select-border-radius: var(--gm-form-field-border-radius);
    --gm-select-option-border-radius: var(--gm-list-option-border-radius);
    --gm-multiselect-border-radius: var(--gm-form-field-border-radius);
    --gm-multiselect-overlay-border-radius: var(--gm-overlay-select-border-radius);
    --gm-multiselect-option-border-radius: var(--gm-list-option-border-radius);
    --gm-dialog-border-radius: var(--gm-overlay-modal-border-radius);
    --gm-tooltip-border-radius: var(--gm-overlay-popover-border-radius);
    --gm-tieredmenu-border-radius: var(--gm-content-border-radius);
    --gm-tieredmenu-item-border-radius: var(--gm-sidenav-menuitem-border-radius);
}