@import url("./colors.css");
* {
    border: none;
    border-radius: 0;
    font-family: "RobotoMono Nerd Font", "Iosevka Term", monospace;
    font-size: 11pt;
    min-height: 0;
}
window#waybar {
    background: @background;
    color: @foreground;
    border-bottom: 2px solid @orange;
}
#workspaces button {
    padding: 0 10px;
    background: @background;
    color: @comment;
    border-radius: 0;
}
#workspaces button:hover {
    box-shadow: inherit;
    text-shadow: inherit;
    background: @background-active;
    color: @foreground;
}
#workspaces button.focused,
#workspaces button.active {
    background: @background-active;
    color: @orange;
    border-bottom: 2px solid @orange;
}
#workspaces button.urgent {
    background: @background-active;
    color: @red;
    border-bottom: 2px solid @red;
}
#clock {
    padding: 0 8px;
    color: @foreground;
}
#custom-updates.no-updates {
    color: @comment;
}
#custom-updates.updates-available {
    color: @orange;
}
#custom-media {
    color: @foreground;
    padding: 0 4px;
}
#custom-storage {
    color: @comment;
    padding: 0 4px;
}
#tray {
    padding: 0 4px;
}
#window {
    color: @comment;
    padding: 0 4px;
}