/*************/
/* Variables */
/*************/

:root {
    --lib-item-hover-bg-color: var(--interactive-background-neutral-faded);
    --lib-item-active-bg-color: var(--interactive-background-neutral-fadedHighlighted);
    --lib-item-checked-bg-color: var(--surface-background-primary-subtle);

    --lib-item-card-hover-bg-color: var(--interactive-background-neutral-faded);
    --lib-item-card-icon-disabled-bg-color: var(--surface-icon-gray-disabled);

    --lib-date-picker-day-disabled-bg-color: var(--interactive-background-neutral-disabled);

    --lib-pager-bg-color: var(--surface-background-gray-subtle);
    --lib-pager-icon-bg-color: var(--interactive-background-primary-default);
    --lib-pager-icon-disabled-bg-color: var(--interactive-background-primary-disabled);
    --lib-pager-three-dots-icon-bg-color: var(--surface-icon-staticblack-normal);

    --lib-icon-disabled-bg-color: var(--surface-icon-gray-disabled);

    --lib-tag-box-container-color: var(--surface-background-gray-moderate);
    --lib-tag-box-text-color: var(--surface-text-gray-normal);

    --lib-tokenizer-match-color: var(--feedback-background-notice-subtle);

    --lib-fly-out-panel-border-right-color: var(--surface-border-gray-subtle);

    --lib-toolbar-icon-bg-color: var(--surface-icon-staticwhite-normal);

    --lib-upload-drop-zone-bg-color: var(--surface-background-gray-moderate);
    --lib-upload-icon-bg-color: var(--surface-icon-staticblack-normal);

    --lib-table-grid-border-style: solid;
    --lib-table-grid-border-width: 1px;
    --lib-table-grid-border-color: var(--surface-border-gray-subtle);

    --lib-div-grid-detail-row-popup-left-arrow-icon-bg-color: var(--surface-icon-staticblack-normal);
    --lib-div-grid-detail-row-popup-right-chevron-icon-bg-color: var(--surface-icon-staticblack-normal);

    --lib-dropdown-z-index: 1000;
    --lib-dropdown-context-menu-z-index: 1050;

    --lib-main-layout-side-bar-bg-color: var(--surface-background-dark-subtle);
    --lib-main-layout-side-bar-border-top-bg-color: var(--surface-border-gray-normal);
    --lib-main-layout-side-bar-border-right-bg-color: var(--surface-background-dark-moderate);

    --lib-panel-menu-icon-bg-color: var(--surface-icon-staticwhite-normal);
    --lib-tree-view-icon-bg-color: var(--surface-icon-gray-muted);

    --lib-nav-bar-toggler-light-hover-bg-color: var(--surface-background-gray-subtle);
    --lib-nav-bar-toggler-dark-hover-bg-color: var(--interactive-background-primary-default);

    --lib-panel-menu-item-icon-bg-color: var(--surface-icon-staticwhite-normal);
    --lib-tree-view-node-icon-bg-color: var(--surface-icon-staticblack-normal);

    --lib-generic-panel-bg-color: var(--popup-background-subtle);

    --lib-validation-asterisk-color: var(--feedback-icon-negative-intense);

    --lib-treeview-selected-node-bg-color: var(--interactive-background-neutral-fadedHighlighted);

    --lib-calendar-past-bg-color: var(--surface-background-gray-subtle);
    --lib-calendar-day-view-entry-cell-bg-color: var(--surface-background-gray-subtle);
    --lib-calendar-day-view-border-color: var(--surface-border-gray-subtle);

    --lib-input-highlighted-bg-color: var(--feedback-background-notice-subtle);
}