@define-color bg #282828;
@define-color fg #ebdbb2;
@define-color bg2 #373633;
@define-color fg2 #32302f;

* {
	font-family: JetBrains Mono NF;
	font-size: 14;
	font-weight: 700;
}

window#waybar {
	border-top: 2px solid @fg2;
} 

#workspaces {
	background-color: @bg;
	border-radius: 10;
	margin: 0px 10px;
}

#workspaces button {
	background-color: @bg;
	color: @fg;
	padding: 0px 8px 0px 3px;
	margin: 7px 0px;
	border-radius: 30px;
}

#workspaces button:hover,
#workspaces button.active {
	color: @fg;
	padding: 0px 8px 0px 3px;
	margin: 8px 0px;
	border-radius: 100%;
}

.modules-right {
	padding: 2px 0px;
	margin: 6px 0px;
}

#language {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px;
	background-color: @bg2;
	border-top: 2px solid @fg2;
	border-bottom: 2px solid @fg2;
	border-left: 2px solid @fg2;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#pulseaudio {
	margin: 0px 5px 0px 0px;
	padding: 0px 5px;
	background-color: @bg2;
	border-top: 2px solid @fg2;
	border-bottom: 2px solid @fg2;
	border-right: 2px solid @fg2;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


#clock {
	background: @fg;
	color: @bg;
	border-radius: 6px;
	margin: 2px 10px 2px 5px;
	padding: 0px 4px;
}

#user {
	margin: 0px 5px;
}