/* Palette */
@define-color bg_main          rgba(11, 27, 43, 0.85);
@define-color bg_main_tooltip  rgba(11, 27, 43, 0.95);
@define-color bg_hover         rgba(79, 132, 204, 0.3);
@define-color bg_active        rgba(53, 107, 171, 0.7);
@define-color border_main      rgba(79, 132, 204, 0.5);
@define-color content_main     #CAD3E8;
@define-color content_inactive rgba(202, 211, 232, 0.4);
@define-color warning_color    #FFCC33;

/* Reset & Font */
* {
  font-family: "Inconsolata Go Nerd Font";
  font-size: 14px;
  text-shadow: none;
  box-shadow: none;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

/* Bar Background */
window#waybar {
  background: @bg_main;
  color: @content_main;
  border-top: 1px solid @border_main;
}

/* Tooltips */
tooltip {
  background: @bg_main_tooltip;
  border: 1px solid @border_main;
  border-radius: 4px;
  padding: 4px 6px;
}

/* Module Spacing & Hover */
.module {
  padding: 0 6px;
  margin: 0 2px;
}
.module:hover {
  background: @bg_hover;
}

/* Separator Border */
#cpu,
#memory,
#disk,
#network,
#pulseaudio,
#bluetooth,
#custom-alhp,
#custom-razer-mouse-battery {
  border-right: 1px solid @border_main;
}

/* Workspaces Buttons */
#workspaces button {
  padding: 4px 6px;
  color: @content_inactive;
}
#workspaces button.active {
  background: @bg_active;
  color: @content_main;
}
#workspaces button.focused {
  background: @bg_hover;
  color: @content_main;
}
#workspaces button.urgent {
  background: rgba(255, 204, 51, 0.35);
  color: @warning_color;
}

/* Tray & Clock Padding */
#tray,
#clock {
  padding: 0 6px;
}

/* Critical Battery Color */
#battery.critical span {
  color: @warning_color;
}
