/* Some universal settings for the elements*/
* {
		font-family: "FiraCode Nerd Font";
		font-size: 17px;
		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: rgba(0,0,0,0);
}


/* Tags */

/* On the tag object tags */
#tags {
		background-color: #1f1f28;
		margin: 7px;
		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 {

}

/* Window Name */