:root {
  --bg:                     #080808;
  --fg:                     #b2b2b2;
  --bold:                   #eeeeee;
  --cursor:                 #9e9e9e;
  --cursor-txt:             #080808;
  --sel:                    #b2ceee;
  --sel-txt:                #080808;

  --black-light:            #949494;
  --black:                  #323437;
  --blue-light:             #74b2ff;
  --blue:                   #80a0ff;
  --cyan-light:             #85dc85;
  --cyan:                   #79dac8;
  --green-light:            #36c692;
  --green:                  #8cc85f;
  --purple-light:           #ae81ff;
  --purple:                 #cf87e8;
  --red-light:              #ff5189;
  --red:                    #ff5454;
  --white-light:            #e4e4e4;
  --white:                  #c6c6c6;
  --yellow-light:           #c2c292;
  --yellow:                 #e3c78a;

  --accent-color:           var(--purple-light);
  --tab-color:              var(--bg);
  --tab-text-color:         var(--fg);
  --secondary-accent-color: var(--purple);
  --secondary-tab-color:    var(--red);
  --secondary-tab-text-color: var(--fg);
  --url-bg:                 var(--black);

  /* override colors */
  
  --tab-selected-bgcolor: var(--accent-color) !important;
  --tab-selected-outline-color: var(--secondary-accent-color) !important;

  --toolbar-field-background-color: var(--bg) !important;
  --toolbar-bgcolor: var(--black) !important;
  --toolbar-color: var(--fg) !important;
  --toolbarbutton-outer-padding: 0 0 !important;
  
  --toolbox-bgcolor: var(--black) !important;
  --toolbox-bgcolor-inactive: var(--black) !important;
  
  --inactive-titlebar-opacity: 0.5 !important;
}

#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs])[orient="horizontal"] > #tabbrowser-arrowscrollbox > .tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
  margin-inline-start: unset !important;
}}

/* hide tabs when not in focus */
#nav-bar {
  :root[tabsintitlebar] &, :root[tabsintitlebar] & #urlbar:popover-open {
    &:-moz-window-inactive {
      display: none;
    }
  }
}

#urlbar-container {
  margin-inline: 0px !important;;
}

/*
.browser-toolbar {
  background-color: var(--black);
}
#urlbar-background {
  background-color: var(--bg);
}
*/

/* nav bar */
#back-button,
#forward-button,
#unified-extensions-button,
/* tabs */
.tab-close-button,
#tabbrowser-arrowscrollbox-periphery,
.titlebar-spacer,
.titlebar-spacer[type="pre-tabs"], .titlebar-spacer[type="post-tabs"],
.titlebar-buttonbox-container {
  display: none !important;
}