.root {
    -fx-base: #2D2D2D;
    -fx-background: #1E1E1E;
    -fx-control-inner-background: derive(-fx-base, 20%);
    -fx-accent: #45A1FF;
}

.menu-bar {
    -fx-background-color: linear-gradient(to bottom, #3C3C3C, #2D2D2D);
}

.tree-view {
    -fx-background-color: -fx-base;
    -fx-border-color: derive(-fx-base, -10%);
}

.tree-cell {
    -fx-text-fill: #DCDCDC;
    -fx-font-size: 14px;
}

.tree-cell:selected {
    -fx-background-color: #45A1FF;
    -fx-text-fill: white;
}

.code-area {
    -fx-font-family: "JetBrains Mono";
    -fx-font-size: 14px;
    -fx-highlight-fill: #264F78;
}

.tab-pane {
    -fx-background-color: derive(-fx-base, 10%);
}

.tab {
    -fx-background-color: linear-gradient(to bottom, #3C3C3C, #2D2D2D);
    -fx-text-fill: #DCDCDC;
}

.tab:selected {
    -fx-background-color: #45A1FF;
    -fx-text-fill: white;
}