.root {
    -color-bg-primary: #151924;
    -color-bg-secondary: #272b38;
    -color-bg-tertiary: #141824;
    -color-bg-overlay: #151924;
    -color-bg-alt: #272b38;
    -color-bg-search: #2c2e3b;
    -color-bg-sidepane: #212330;
    -color-fg-default: #9aa3af;
    -color-fg-muted: #7d8591;
    -color-fg-emphasis: #9aa3af;
    -color-border-light: #333744;
    -color-border-muted: #333744;
    -color-accent: #FFEF00;
    -color-link: #FFEF00;
    -color-accent-subtle: #FFEF00;
    -color-selection: #FFEF00;
    -color-button-default: derive(#FFEF00, 50%);
    -color-button-hover: #fff1;
    -color-button-pressed: #fff2;
    -color-overlay-hover: #fff1;
    -color-overlay-armed: #fff2;
    -color-success: #1cb631;
    -color-success-emphasis: #28d93c;
    -color-warning: #b77620;
    -color-danger: #db1d2b;
    -color-danger-emphasis: #b71c1f;
    -color-syntax-keyword: #b72486;
    -color-scrollbar-thumb: #9aa3af;
    -color-scrollbar-track: derive(#272b38, -90%);
    -color-tooltip-bg: #FFEF00;
    -color-drag-target: #FFEF00;
    -color-drag-target-hover: #FFEF00;
    -color-badge-bg: #151924;
}