* {
    font-size: 16px;
    font-family: "SourceSans3";
    font-weight: 600; /* semibold */
/*    font-family: "Hack";*/
/*    font-weight: bold;*/
/*    font-family: "DejaVu Sans Mono";*/
/*    font-family: "JetBrains Mono";*/
/*    font-weight: 500;*/
/*    font-family: "Source Code Pro";*/
/*    font-family: monospace;*/
}

window#waybar {
    background: @theme_bg_color;
    color: @theme_text_color;
/*    opacity: 0.8;*/
}

#clock, #pulseaudio, #backlight, #memory, #cpu, #battery, #tray, #mpd, #mail, #custom-weather, #custom-gpustats, #pulseaudio, #network, #custom-media {
    background: @theme_bg_color;
    color: @theme_text_color;
    opacity: 0.8;
}

/* pad a lot of stuff minus the workspaces button */
#clock, #pulseaudio, #backlight, #memory, #cpu, #battery, #tray, #mpd, #mail, #custom-weather, #custom-gpustats, #pulseaudio, #network, #custom-media {
    padding: 0 5px;
}

/*#custom-gpu {
    color: #839496;
}*/

#mode {
    background: @theme_base_color;
    color: @theme_text_color;
    border-left: 4px solid @borders;
    border-right: 4px solid @borders;
/*    border-radius: 5px;*/
    border-radius: 0px;
    border-color: #4ee176;
    padding: 0 2px;
}

#workspaces button {
/*    color: #fdf6e3;*/
/* comment padding out to made the workspace button in the bottom left wide */
    padding: 0 2px;
    color: @insensitive_fg_color;
    opacity: 1;
    border: 1px solid @unfocused_borders;
    background: @insensitive_bg_color;
    /* border: 1px solid @focused_borders; */
}

#workspaces button.urgent {
    background-color: #eb4d4b;
}

#workspaces button.focused {
    background: @selected_bg_color;
    color: @selected_fg_color;
    background: @theme_bg_color;
    opacity: 1;
    border: 1px solid @borders;
}

#workspaces button:hover {
    box-shadow: inherit;
    text-shadow: inherit;
    opacity: 1;
}

#workspaces button:hover {
    background: @theme_bg_color;
    border: #4ee176;
    color: @theme_text_color;
}

#backlight {
    color: #b58900;
    opacity: 1;
}

#cpu.warning {
/*    color:      rgba(255, 210, 4, 1);*/
     color: @warning_color;
}

#cpu.critical {
/*    color:      rgba(238, 46, 36, 1);*/
     color: @error_color;
}

#network.disconnected {
	color: @warning_color;
}

#network.disabled {
	color: @error_color;
}