/* Colors */
@define-color primary_fg rgba(205, 223, 240, 1);
@define-color primary_bg rgba(44, 44, 44, 0.42);
@define-color primary_bd rgba(205, 223, 240, 0.3);
@define-color tooltip_bg rgba(32, 33, 44, 0.6);


/* General */
* {
  border: none;
  font-family: "JetBrains Mono Nerd Font";
  font-size: 16px;
  font-weight: 700;
  font-feature-settings: '"zero", "ss01", "ss02", "ss03", "ss04", "ss05", "cv31"';
  min-height: 20px;
  color: @primary_fg;
}

window#waybar {
  background: transparent;
}


/* Common */
tooltip,
#clock,
#tray,
#custom-media,
#network-group,
#pulseaudio-group,
#workspaces-group,
#power-group {
  border: 2px solid @primary_bd;
  border-radius: 11px;
  background-color: @primary_bg;
  padding-top: 1px;
  margin-bottom: 2px;
  margin-top: 1px;
}


/* Tooltip */
tooltip {
  background: @tooltip_bg;
}
tooltip label {
}


/* Groups */
#hyprland-group {
  margin-left: 5px;
}

#pulseaudio-group {
  margin-right: 5px;
}

#power-group {
  margin-right: 5px;
}

#network-group {
  margin-right: 5px;
}


/* Parts */
#tray * {
  /* margin-right: 5px; */
  padding-left: 4px;
  padding-right: 4px;
}

#tray {
  margin-right: 5px;
  padding-left: 8px;
  padding-right: 8px;
}

#custom-media {
  margin-left: 5px;
  padding-left: 12px;
  padding-right: 12px;
}


#windowcount {
  padding-left: 12px;
  padding-right: 4px;
}

#workspaces button {
  padding-left: 4px;
}

#workspaces {
  padding-right: 6px;
}


#pulseaudio {
  padding-left: 8px;
  padding-right: 6px;
}

#pulseaudio.input {
  padding-right: 6px;
}


#backlight {
  padding-left: 12px;
  padding-right: 6px;
}

#battery {
  padding-right: 12px;
  padding-left: 6px;
}


#bluetooth {
  padding-left: 12px;
  padding-right: 6px;
}

#network {
  padding-left: 6px;
  padding-right: 17px;
}


#clock {
  margin-right: 5px;
  padding-left: 12px;
  padding-right: 12px;
}