---

/* ===== Custom ViegPhunt Waybar ===== */

window#waybar {
    background: rgba(30, 30, 46, 0.88);
    color: #cdd6f4;
    border-radius: 14px;
    margin: 6px 10px;
    padding: 2px 8px;
    border: 1px solid rgba(203, 166, 247, 0.18);
}

#workspaces button {
    color: #6c7086;
    background: transparent;
    border-radius: 10px;
    padding: 2px 8px;
    margin: 2px;
}

#workspaces button.active {
    color: #cba6f7;
    background: rgba(203, 166, 247, 0.15);
}

#workspaces button:hover {
    color: #f5c2e7;
    background: rgba(245, 194, 231, 0.12);
}

#clock,
#pulseaudio,
#network,
#battery,
#tray {
    padding: 4px 10px;
    margin: 2px 3px;
    border-radius: 10px;
}

#clock {
    color: #cba6f7;
}

#network {
    color: #89b4fa;
}

#pulseaudio {
    color: #a6e3a1;
}

#battery {
    color: #f9e2af;
}

#tray {
    background: rgba(69, 71, 90, 0.35);
}