:root {
  --tabpanel-background-color: transparent !important;
  --toolbar-bgcolor: #2b2222 !important;

  --focus-outline-color: #e6d5c1 !important;
  --toolbarbutton-icon-fill-attention:  #e6d5c1 !important;


  --arrowpanel-background: #1a1515 !important;
  --arrowpanel-border-color: #e6d5c1 !important;
  --arrowpanel-color: #e6d5c1 !important;
  --arrowpanel-border-radius: 2px !important;


}




#TabsToolbar:-moz-window-inactive { opacity: 1 !important; }



/*_____________________________________URL BAR TWEAKS */
#urlbar[breakout] > #urlbar-background,
#urlbar-results,
#urlbar-results .urlbarView,
#urlbar-results .urlbarView-body,
#urlbar-results .urlbarView-row {
  color: #e6d5c1 !important;
  background: #1a1515 !important;
  border: !important;
}


#urlbar {
  fill: #e6d5c1 !important;
  color: #e6d5c1 !important;
  border-radius: 1px !important;
}

#urlbar[open] > #urlbar-background {
  color: #e6d5c1 !important;
  background: #1a1515 !important;
  border: 1px solid #e6d5c1 !important;
}

#urlbar[open] #urlbar-results,
#urlbar[open] #urlbar-results .urlbarView,
#urlbar[open] #urlbar-results .urlbarView-body,
#urlbar[open] #urlbar-results .urlbarView-row {
  color: #e6d5c1 !important;
  background: transparent !important;
  box-shadow: none !important;
  margin-bottom: 1px;
}

#urlbar-background {
  border-radius: 2px !important;
}

#urlbar-input::selection {
  background: #e6d5c1 !important;
  color: #1a1515 !important;
}

/*____________________________________________________________________*/

/*__________________________ TAB COLOR / ROUNDNESS / BORDER */
.tabbrowser-tab[selected="true"] .tab-background {
  border: 2px solid #2b2222 !important;
  border-radius: 2px !important;
  box-shadow: none !important;
  background-color: #2b2222 !important;
}



.tabbrowser-tab .tab-background {
  background-color: rgba(255, 255, 255, 0.15) !important;
  border-radius: 1px !important;
}

.tabbrowser-tab .tab-background {
  border: 2px solid rgba(255, 255, 255, 0.35); !important;
  border-radius: 2px !important;
}
/*____________________________________________________________________*/

/*___________________________ TABS BACKGROUND COLOR / SIZE */
#TabsToolbar {
  background: #b9313f !important;
  max-height: 38px !important;
}

#nav-bar {
  color: #e6d5c1 !important;
}

/*_____________________________________________________________________*/

/*___________________________ TAB SIZE / CONTENT POSITION & COLOR */
#TabsToolbar .tabbrowser-tab {
  height: 35px !important;
  margin-top: 8px !important;
  padding: 5px 1px !important;
}

.tabbrowser-tab .tab-content {
  margin-bottom: 7px !important;
  color: rgba(255, 255, 255, 0.9); !important;
}



.tabbrowser-tab[selected="true"] .tab-close-button, .tabbrowser-tab[selected="true"] .tab-label,  .tabbrowser-tab[selected="true"] .tab-icon-overlay, .tabbrowser-tab[selected="true"] .tab-icon-image {
  color: #e6d5c1 !important;
}


/*______________________________________________________________________*/

/*___________________________TAB STACK TINKER */
/*  .tab-group-label {
    background-color: transparent !important;
    color: transparent !important;
    border-radius: 2px !important;
    border: 2px solid rgba(255, 255, 255, 0.35); !important;

    box-shadow: none !important;
    margin-top: 17px !important;

    tab-group[collapsed] & {
    box-shadow: none !important;
    outline: none !important;
    }
}

tab-group:not([collapsed]) > .tab-group-label-container::after {
  display: none !important;
}

  #tabbrowser-tabs:not([expanded]) tab-group .tab-group-line {
    display: none !important;
}

 #tabbrowser-tabs[movingtab]:not([movingtab-createGroup],[movingtab-ungroup],[expanded]) .tabbrowser-tab:is(:active,[multiselected]) .tab-group-line {
    display: none !important;
}
/*_________________________________________________________________________*/

/*___________________________ TAB CLOSE BUTTON TWEAKS */

.tabbrowser-tab .tab-close-button:hover {
  background-color: rgba(0, 0, 0, 0.25) !important;
}

.tab-close-button {
  padding: 3px !important;
  margin: 0 !important;
  height: 19px !important;
  width: 19px !important;
  border-radius: 1px !important;
}

.tab-close-button {
  #tabbrowser-tabs[closebuttons="activetab"][orient="horizontal"] &:not([selected]) {
    display: block !important;
  }
}
/*________________________________________________________________________*/


.titlebar-buttonbox-container {
  display: none !important;
}

/*___________________________ADD TAB BUTTON TWEAKS */
#tabs-newtab-button {
  --uc-newtab-button-width: 22px;
  --uc-newtab-button-height: 22px;
  --uc-newtab-button-icon-size: 18px;
  padding-top: calc(var(--tab-min-height) - var(--uc-newtab-button-height) - 4px) !important;

  > .toolbarbutton-icon {
    width: var(--uc-newtab-button-width) !important;
    height: var(--uc-newtab-button-height) !important;
    padding-inline: calc((var(--uc-newtab-button-width) - var(--uc-newtab-button-icon-size)) / 2) !important;
    padding-block: calc((var(--uc-newtab-button-height) - var(--uc-newtab-button-icon-size)) / 2) !important;
  }
}

#tabs-newtab-button {
  margin-left: 0px !important;
}

#tabs-newtab-button {
  transform: translateY(3.5px) !important;
}

:is(#new-tab-button, #tabs-newtab-button) > .toolbarbutton-icon {
background-color: rgba(240, 240, 240, 0.15) !important; border: 2px solid rgba(255, 255, 255,0.35); !important; border-radius: 2px !important;
}

:is(#new-tab-button, #tabs-newtab-button):hover > .toolbarbutton-icon {
background-color: rgba(0, 0, 0,0.35); !important; border-radius: 2px !important; border: 2px solid rgba(255, 255, 255,0.35); !important;
}

#tabs-newtab-button {
  color: #fcc9d2 !important;
}

/*________________________________________________________________________*/