@import url("./colors.css");

* {
  font-size: 9.5pt;
  font-weight: 500;
}

window#waybar {
  background: @background;
  font-family: Inter, 'Font Awesome 6 Free';
}

tooltip {
  background: @background-light;
  color: @foreground;
  font-family: Inter;
}

#workspaces,
#window,
#cpu,
#temperature,
#memory,
#battery,
#network,
#custom-cputemp,
#custom-gpu,
#custom-wattage,
#custom-weather,
#custom-time,
#custom-task,
#custom-media,
#tray {
  color: @foreground;
  padding: 3pt 5pt;
}

#taskbar button {
  padding: 4pt 4pt;
}

#workspaces button {
  color: @comment;
  padding: 0 1pt;
}

#workspaces button.focused {
  color: @cyan;
}

#cpu, #temperature, #custom-cputemp {
  color: @magenta;
}

#memory {
  color: @cyan;
}

#custom-gpu {
  color: @red;
}

#battery, #custom-wattage {
  color: @green;
}

#battery.critical {
  color: @red;
}

#network {
  color: @blue;
}

#custom-weather {
  color: @yellow;
}