@define-color bg_dim #1e2326;
@define-color bg0 #272e33;
@define-color bg2 #374145;
@define-color fg #D3C6AA;
@define-color red #E67E80;
@define-color blue #7fbbb3;
@define-color orange #e69875;
@define-color bg4 #495156;

* {
    transition: none;
    box-shadow: none;
}

#waybar {
    font-family: 'Hack JBM Ligatured', "Font Awesome 6 Free";
    font-size: 1.2em;
    font-weight: 400;
    color: @fg;
    border-radius: 10px;
    background: @bg0;
}

#workspaces {
    margin: 0 4px;
}

#workspaces button {
    margin: 4px 0;
    padding: 0 4px;
    color: @fg;
}

#workspaces button.visible {
}

#workspaces button.active {
    border-radius: 10px;
    background-color: @bg4;
}

#workspaces button.urgent {
    color: @red;
}

#tray {
    margin: 4px 4px 4px 4px;
    border-radius: 4px;
    background-color: @bg2;
}

#tray * {
    padding: 0 6px;
    border-left: 1px solid @bg_dim;
}

#tray *:first-child {
    border-left: none;
}

#mode, #battery, #cpu, #memory, #network, #pulseaudio, #idle_inhibitor, #backlight, #custom-storage, #custom-updates, #custom-weather, #custom-mail, #clock, #temperature, #language{
    margin: 4px 2px;
    padding: 0 6px;
    background-color: @bg2;
    border-radius: 4px;
    min-width: 20px;
}

#pulseaudio.muted {
    color: @orange;
}

#pulseaudio.bluetooth {
    color: @blue;
}

#clock {
    margin-left: 0px;
    margin-right: 4px;
    background-color: transparent;
}

#temperature.critical {
    color: @orange;
}

#window {
	font-weight: 400;
    margin-left:20px;
}

#language {
	font-size: 0.9em;
	font-weight: 500;
	letter-spacing: -1px;
}
