* {
  font-family: "JetBrainsMono Nerd Font", "Roboto", sans-serif;
  font-size: 13px;
  min-height: 0;
  border: none;
  border-radius: 0;
}

/* BASE WINDOW */
/* edge-to-edge dark translucent bar */
window#waybar {
  background-color: rgba(15, 15, 15, 0.85);
  color: #cdd6f4;
}

/* WORKSPACES */
#workspaces {
  margin-left: 8px;
}

#workspaces button {
  padding: 0 8px;
  color: #555555;
  background: transparent;
  transition: all 0.2s ease;
}

/* flexoki yellow for active workspaces */
#workspaces button.focused,
#workspaces button.active {
  color: #d0a215;
}

#workspaces button:hover {
  box-shadow: inherit;
  text-shadow: inherit;
  color: #aaaaaa;
}

/* MODULE SPACING */
#clock,
#custom,
#network,
#bluetooth,
#pulseaudio,
#backlight,
#battery,
#tray,
#window {
  padding: 0 12px;
  opacity: 0.9;
}

/* HARDWARE COLOURS */
/* assigning distinct muted hues to logical blocks */
#clock {
  color: #babbf1;
}

#network {
  color: #8caaee;
}

#bluetooth {
  color: #ca9ee6;
}

#pulseaudio {
  color: #81c8be;
}

#backlight {
  color: #e5c890;
}

#battery {
  color: #a6d189;
}

#battery.charging {
  color: #a6e3a1;
}

#battery.critical:not(.charging) {
  color: #e78284;
}

/* MPD CONTROLS */
#mpd {
  padding: 0 10px;
  font-family: monospace;
  color: #cdd6f4;
}

/* dim the text when inactive */
#mpd.disconnected,
#mpd.stopped {
  color: #6c7086;
}

/* green hue when active */
#mpd.playing {
  color: #a6e3a1;
}