$variant: "light";

@import 'colors';
@import 'drawing';
@import 'palette';

$headerbar_color: desaturate($palette_green,5%);
$headerbar_button_color: lighten($headerbar_color,5%);
$headerbar_text_color: rgba(255, 255, 255, 1);
$top_hilight: lighten($headerbar_color, 10%);
$borders_color: darken($headerbar_color, 5%);
$headerbar_unfocused_color: lighten($headerbar_color,15%);

headerbar {
  @include headerbar_fill($headerbar_color);
  color: $headerbar_text_color;
  
  button {
    @include button(normal, $headerbar_button_color, $headerbar_text_color);
    
    &.flat, &.titlebutton { @include button(undecorated); }
    
    &:hover { @include button(hover, $headerbar_button_color, $headerbar_text_color); }
    
    &:active,
      &:checked { @include button(active, $headerbar_button_color, $headerbar_text_color); }

    
  }

  &:backdrop {
    background-color: $backdrop_borders_color;
  }

  separator.sidebar { background-color: darken($headerbar_color,20%); }
}