@define-color bg #121212;
@define-color fg #d5d5d5;
@define-color grey #949494;
@define-color red_ember #B14242;
@define-color red_glowing #DF6464;
@define-color orange_glow #D87C4A;
@define-color orange_blaze #C4693D;
@define-color orange_smolder #E49A44;
@define-color green #629c7d;

* {
  border: none;
  border-radius: 0;
  min-height: 0;
  font-weight: 500;
  font-size: 14px;
  padding: 0;
}

window#waybar {
  background: @bg;
}

tooltip {
  background-color: @bg;
}

#clock,
#tray,
#cpu,
#memory,
#battery,
#network,
#pulseaudio {
  margin: 6px 6px 6px 0px;
  padding: 2px 8px;
}

#workspaces {
  background-color: @bg;
  margin: 6px 0px 6px 6px;
  /* border: 2px solid #434a4c; */
}

#workspaces button {
  all: initial;
  min-width: 0;
  box-shadow: inset 0 -3px transparent;
  padding: 2px 4px;
  color: @fg;
}

#workspaces button.focused {
  /* color: #ddc7a1; */
  border: 1px solid @red_ember;
}

#workspaces button.urgent {
  border: 1px solid @orange_glow;
}

/* #clock { */
/*   background-color: #303536; */
/*   border: 2px solid #434a4c; */
/*   color: #d4be98; */
/* } */

#tray {
  border: 1px solid @grey;
}

#battery {
  /* background-color: #a9b665; */
  /* border: 2px solid #c7ab7a; */
  /* color: #6c782e; */
}

#cpu,
#memory,
#network,
#pulseaudio {
  /* background-color: #ddc7a1; */
  /* border: 2px solid #c7ab7a; */
  /* color: #1d2021; */
}

#cpu.critical,
#memory.critical {
  color: @red_ember;
}

#battery.warning,
#battery.critical,
#battery.urgent {
  /* background-color: #ddc7a1; */
  /* border: 2px solid #c7ab7a; */
  color: @red_ember;
}