/* Die gesamte Bar */
window#waybar {
    background-color: rgba(25, 16, 36, 0.85); /* Tiefes Dunkellila aus dem Wald */
    border-bottom: 2px solid #ff7b3b; /* Sonnen-Orange */
    color: #fce8e1; /* Warmes, weiches Weiß */
    font-family: "Fira Code", "Font Awesome 6 Free";
    font-size: 14px;
}

/* Einzelne Module stylen */
#workspaces button {
    padding: 0 5px;
    background-color: transparent;
    color: #fce8e1;
}

#workspaces button.active {
    color: #ff7b3b; /* Orange für aktiven Workspace */
    border-bottom: 3px solid #ff7b3b;
}

#clock, #cpu, #memory, #battery, #pulseaudio, #network {
    padding: 0 10px;
    margin: 4px;
    background-color: #3b1d3d; /* Dunkles Magenta/Pink als Hintergrund */
    border-radius: 8px;
}

/* Dem Tray-Container Platz und Design geben */
#tray {
    padding: 0 10px;
    margin: 4px;
    background-color: #3b1d3d; /* Gleicher Hintergrund wie CPU/Clock */
    border-radius: 8px;
}

/* Den Abstand zwischen den einzelnen Icons im Tray erhöhen */
#tray > widget {
    margin-left: 8px;
}

#tray > widget:first-child {
    margin-left: 0px;
}