:root {
    --fu-table-bg-color: var(--fu-bg-color);
    --fu-table-text-color: var(--fu-text-color);
    --fu-table-border-color: var(--fu-border-color);
    --fu-table-highlight-bg-color: var(--fu-highlight-bg-color);
    --fu-table-highlight-color: var(--fu-highlight-color);
    --fu-table-skeleton-color: var(--fu-skeleton-color);

    --fu-table-header-bg-color:  hsl(0, 0%, 96%);
    --fu-table-striped-row-bg-color: hsl(0, 0%, 98%);
    --fu-table-bg-hover-color: hsla(0, 0%, 0%, 0.04);
    --fu-table-sort-bg-color: hsla(0, 0%, 0%, 0.03);
    --fu-table-edit-input-bg-color: hsl(0, 0%, 100%);

    --fu-tree-item-bg-color: hsl(0, 0%, 98%); 
    --fu-tree-bg-color: var(--fu-bg-color);
    --fu-tree-border-color: var(--fu-border-color);  
    --fu-tree-bg-hover-color: hsla(0, 0%, 0%, 0.04);
}

.dark {
    --fu-table-bg-color: #121212;
    --fu-table-text-color: #c9c7c7;
    --fu-table-border-color: #3f3f46;
    --fu-table-highlight-bg-color: hsl(60, 53%, 59%);
    --fu-table-highlight-color: var(--fu-highlight-color);
    --fu-table-skeleton-color: var(--fu-skeleton-color);

    --fu-table-header-bg-color: #18181b;
    --fu-table-striped-row-bg-color: #18181b;
    --fu-table-bg-hover-color: hsla(0, 0%, 0%, 0.3);
    --fu-table-sort-bg-color: hsla(0, 0%, 0%, 0.3);
    --fu-table-edit-input-bg-color: hsl(240, 13%, 14%);

    --fu-tree-item-bg-color: #18181b; 
    --fu-tree-bg-color: #121212; 
    --fu-tree-border-color: #3f3f46; 
    --fu-tree-bg-hover-color: hsla(0, 0%, 0%, 0.3);
}