/***
 *    ┏┓┏┳┓┓┏┓  ┏┓┏┓┏┓
 *    ┃┓ ┃ ┃┫ ━━┃ ┗┓┗┓
 *    ┗┛ ┻ ┛┗┛  ┗┛┗┛┗┛
 *                    
 */




@define-color accent_color          #7fbbb3;  /* color12 - teal */
@define-color accent_bg_color       #414b50;  /* color0 - inactive border / tab background */
@define-color accent_fg_color       #d3c6aa;  /* foreground */

@define-color destructive_color     #e67e80;  /* color1 - red */
@define-color destructive_bg_color  #414b50;  /* same as accent_bg */
@define-color destructive_fg_color  #d3c6aa;  /* foreground */

@define-color success_color         #a7c080;  /* color2 - green */
@define-color success_bg_color      #414b50;
@define-color success_fg_color      #d3c6aa;

@define-color warning_color         #dbbc7f;  /* color3 - yellow */
@define-color warning_bg_color      #414b50;
@define-color warning_fg_color      #272e33;  /* background */

@define-color error_color           #e67e80;  /* color1 - red */
@define-color error_bg_color        #414b50;
@define-color error_fg_color        #d3c6aa;

@define-color window_bg_color       #272e33;  /* background */
@define-color window_fg_color       #d3c6aa;  /* foreground */

@define-color view_bg_color         #272e33;
@define-color view_fg_color         #d3c6aa;

@define-color headerbar_bg_color            @window_bg_color;
@define-color headerbar_fg_color            @window_fg_color;
@define-color headerbar_border_color        @window_bg_color;
@define-color headerbar_backdrop_color      @window_bg_color;
@define-color headerbar_shade_color         @window_bg_color;

@define-color card_bg_color         #414b50;  /* dark gray / active tab background */
@define-color card_fg_color         #d3c6aa;
@define-color card_shade_color      rgba(0, 0, 0, 0.07);

@define-color dialog_bg_color       @card_bg_color;
@define-color dialog_fg_color       @card_fg_color;

@define-color popover_bg_color      @card_bg_color;
@define-color popover_fg_color      @card_fg_color;

@define-color shade_color           rgba(0, 0, 0, 0.36);
@define-color scrollbar_outline_color rgba(147, 161, 161, 0.5);  /* dimmed gray */

@define-color sidebar_bg_color                    #414b50;
@define-color secondary_sidebar_bg_color          @sidebar_bg_color;
@define-color sidebar_backdrop_color              @sidebar_bg_color;
@define-color secondary_sidebar_backdrop_color    @sidebar_bg_color;

.navigation-sidebar {
  background-color: @sidebar_bg_color;
  color: @window_fg_color;
}

headerbar.default-decoration {
  margin-bottom: 50px;
  margin-top: -100px;
}

window.csd,
window.csd decoration {
  box-shadow: none;
}

tooltip {
  background-color: @card_bg_color; /* Change to desired background */
  border-radius: 6px;
  padding: 6px 10px;
  border: 1px solid @accent_color;
}

tooltip.background label {
  color: @card_fg_color;            /* Change to desired foreground */
}
