@import "./style-mocha.css";


* {
	font-size: 18px;
	font-family: 'Inter Nerd Font';
	font-weight: normal;
	border-radius: 0;
}

window#waybar {
	background: @mantle;
	color: @text;
}

#sway-mode {
	background: @pink;
}

widget label {
	padding: 0px 12px;
}

#workspaces label {
	padding: 0px 0px;
}

#workspaces button {
	color: @text;
	font-size: 20px;
	font-style: italic;
}
#workspaces button.focused {
	background: @lavender;
	color: @base;
}
#workspaces button:hover {
	box-shadow: inherit;
	text-shadow: inherit;
}
#workspaces button:hover {
	background: #888888;
}

#clock {
	color: @base;
	background: @sky;
}

#battery {
	color: @base;
	background: @green;
}

#battery.warning:not(.charging) {
		color: @crust;
    background: @maroon;
}

#battery.critical:not(.charging) {
    animation: blink_effect 0.5s steps(2) infinite;
}

#custom-cmus {
	color: @base;
	background: @pink;
}

@keyframes blink_effect {
	50% { color: @maroon; }
	100% { color: @text; }
}