@define-color bg #000000;
@define-color surface #0a0a0a;
@define-color blue #60a5fa;
@define-color blue-dark #2563eb;
@define-color text #d4d4d4;
@define-color muted #737373;

* { border: none; border-radius: 0; font-family: "JetBrainsMono Nerd Font"; font-size: 13px; min-height: 0; }
window#waybar { background: @bg; color: @text; }
#workspaces button { padding: 0 10px; margin: 4px 2px; color: @muted; border-radius: 6px; }
#workspaces button:hover { background: @surface; background-image: none; color: @text; border: none; box-shadow: none; text-shadow: none; }
#workspaces button.focused { color: @bg; background: @blue; }
#workspaces button.focused:hover { background: @blue; color: @bg; }
#workspaces button.urgent { background: @blue-dark; color: @text; }
#mode, #clock, #cpu, #memory, #custom-network, #pulseaudio, #backlight, #battery, #tray, #custom-power { padding: 0 10px; margin: 4px 2px; background: transparent; border-radius: 6px; }
#mode:hover, #clock:hover, #cpu:hover, #memory:hover, #custom-network:hover, #pulseaudio:hover, #backlight:hover, #battery:hover, #tray:hover, #custom-power:hover { background: @surface; }
#clock { color: @blue; font-weight: bold; background: transparent; }
#cpu, #memory { color: @text; }
#custom-power { color: @blue; font-size: 16px; }
#battery.warning, #battery.critical { color: @blue; }