/* Some universal settings for the elements*/
* {
		font-family: "FiraCode";
		font-size: 15px;
		font-weight: bold;
		border-radius: 20px;
		min-height: 0;
		border: none;
}

/* 
 * We want the bar itself to be a "support" for the floating elements
 * Therefore, we want the base bar to be transparent, 
 * so that the elements seem to float by themselves
 * */
#waybar {
		background-color: #16161D;
		border-radius: 0px;
}


/* Tags */

/* On the tag object tags */
#tags,
#mpd,
#wireplumber,
#cpu,
#memory,
#temperature,
#disk,
#network,
#battery,
#tray,
#clock
{
		background-color: #1f1f28;
		margin: 5px;
		padding: 5px;
}

/* On empty tags*/
#tags button {
		color: #363646;
}


/* On occupied tags */
#tags button.occupied {
		color: #dcd7ba;
}

/* On focused tags */
#tags button.focused {
		color: #1f1f28;
		background-color: #dcd7ba;
		border-radius: 20px;
}


/* On urgent tags */
#tags button.urgent {

}


/* Wireplumber */
#wireplumber {
		color: #dcd7ba;
}

#wireplumber.muted {
		color: #1f1f28;
		background-color: #FF5D62;
}


/* Network */

/* Wifi */
#network.wifi {
		color: #1f1f28;
		background-color: #E6C384;

}

#network.ethernet {

}

#network.disconnect {

}

#network.disabled {

}