/* aptosid labwc waybar — "Mocha".
   Catppuccin Mocha palette: a soft dark base with pastel accents, signature
   mauve. https://github.com/catppuccin/catppuccin */
@define-color bg        #1e1e2e;
@define-color bg-alt    #181825;
@define-color bg-hi     #313244;
@define-color fg        #cdd6f4;
@define-color fg-dim    #6c7086;
@define-color mauve     #cba6f7;
@define-color blue      #89b4fa;
@define-color pink      #f5c2e7;
@define-color teal      #94e2d5;
@define-color green     #a6e3a1;
@define-color peach     #fab387;
@define-color yellow    #f9e2af;
@define-color red       #f38ba8;
@define-color lavender  #b4befe;

* {
    font-family: "Cantarell", "Font Awesome 7 Free", "Font Awesome 6 Free", "FontAwesome", "Noto Sans", sans-serif;
    font-size: 14px;
    padding: 0;
    margin: 0;
    min-height: 0;
}

/* Transparent bar; each module floats as its own rounded island.
   The end pills are kept off the screen edges by margin-left/right in
   config.jsonc (reliable regardless of GTK padding quirks). */
window#waybar {
    background: transparent;
    color: @fg;
}

#custom-appmenu,
#taskbar,
#mpris,
#battery,
#idle_inhibitor,
#power-profiles-daemon,
#backlight,
#wireplumber,
#tray,
#user,
#clock {
    background-color: alpha(@bg, 0.8);
    border: 1px solid @bg-hi;
    border-radius: 10px;
    margin: 4px 0;
    padding: 0 10px;
    transition: background-color 0.2s ease;
}

/* Application menu launcher (leftmost), the signature mauve. */
#custom-appmenu {
    color: @mauve;
    font-size: 16px;
    padding: 2px 12px 0;
}

#custom-appmenu:hover {
    background-color: @bg-hi;
}

/* Now-playing sits centred; a soft pink against the muted ground. */
#mpris {
    color: @pink;
    font-style: italic;
}

/* Restrained accents — mauve is the signature. */
#clock {
    color: @mauve;
    font-weight: bold;
}

#power-profiles-daemon {
    color: @lavender;
}

#backlight {
    color: @yellow;
}

/* User avatar + name (click opens home). */
#user {
    color: @lavender;
}

#idle_inhibitor.activated {
    color: @teal;
}

#wireplumber.muted {
    color: @fg-dim;
}

#battery.charging {
    color: @green;
}

#battery.warning {
    color: @peach;
}

#battery.critical:not(.charging) {
    color: @red;
    animation-name: blink;
    animation-duration: 1s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes blink {
    to {
        color: @bg;
        background-color: @red;
    }
}

tooltip {
    background-color: @bg;
    border: 1px solid @mauve;
    border-radius: 8px;
}

tooltip label {
    color: @fg;
    padding: 4px;
}
