@define-color base #050505;
@define-color surface #141414;
@define-color overlay #262626;
@define-color text #ededed;
@define-color muted #404040;
@define-color subtle #404040;
@define-color love #ff0044;
@define-color gold #ffb700;
@define-color rose #ff80bf;
@define-color pine #00ff99;
@define-color foam #00eaff;
@define-color iris #9d00ff;
@define-color hl_low  #141414;
@define-color hl_med  #262626;
@define-color hl_high #404040;
@define-color bar_alpha rgba(5, 5, 5, 0.65);
@define-color surface_alpha rgba(20, 20, 20, 0.82);
@define-color overlay_alpha rgba(38, 38, 38, 0.9);

/* Bar */
window#waybar {
  background: @bar_alpha;
  color: @text;
  border: 0;
}

/* Extra breathing room for the first/last pill in each section */
#left > :first-child,
#center > :first-child,
#right > :first-child {
  margin-top: 8px;
}

#left > :last-child,
#center > :last-child,
#right > :last-child {
  margin-bottom: 8px;
}

/* Typography */
* {
  font-family:
    "InconsolataGo Nerd Font Mono", "InconsolataGo Nerd Font", monospace;
  font-size: 11px;
}

/* Workspaces */
#workspaces {
  margin: 1px;
  padding: 2px 4px;
  background: transparent;
  font-size: 10px;
}

#workspaces button {
  background: @surface_alpha;
  color: @text;
  border: 1px solid @hl_low;
  border-radius: 6px;
  margin: 2px;
  padding: 3px 6px;
}

#workspaces button:hover {
  background: @overlay_alpha;
}

#workspaces button.active {
  background: @hl_med;
  border-color: @hl_high;
  color: @text;
}

#workspaces button.urgent {
  background: @love;
  color: @base;
}

/* Shared pill look for ALL modules - FIXED */
#window,
#cpu,
#memory,
#disk,
#network,
#privacy,
#wireplumber,
#clock,
#idle_inhibitor,
#gamemode,
#battery,
#power-profiles-daemon,
#bluetooth,
#tray,
#temperature,
#custom-swaync,
#custom-temps-cycle,
#custom-hyprsunset,
#custom-alhp {
  background: @surface_alpha;
  color: @text;
  border: 1px solid @hl_low;
  border-radius: 8px;
  padding: 3px 6px;
  margin: 2px 3px;
}

/* Universal hover effects - FIXED */
#window:hover,
#cpu:hover,
#memory:hover,
#disk:hover,
#network:hover,
#privacy:hover,
#wireplumber:hover,
#clock:hover,
#idle_inhibitor:hover,
#gamemode:hover,
#battery:hover,
#power-profiles-daemon:hover,
#bluetooth:hover,
#tray:hover,
#temperature:hover,
#custom-swaync:hover,
#custom-temps-cycle:hover,
#custom-hyprsunset:hover,
#custom-alhp:hover {
  background: @overlay_alpha;
}

/* Window title */
#window {
  border-left: 3px solid @iris;
}

/* Accents for metrics */
#cpu {
  border-left: 3px solid @pine;
}

#memory {
  border-left: 3px solid @iris;
}

#disk {
  border-left: 3px solid @foam;
}

#network {
  border-left: 3px solid @gold;
}

/* Temperature modules - individual styling for standalone use */
#temperature.cpu {
  border-left: 3px solid @pine;
}

#temperature.gpu_hotspot {
  border-left: 3px solid @rose;
}

#temperature.nvme {
  border-left: 3px solid @gold;
}

#temperature.critical {
  background: @hl_med;
  color: @love;
  border-left-color: @love;
}

/* WirePlumber / audio */
#wireplumber {
  border-left: 3px solid @gold;
}

#wireplumber.muted {
  color: @muted;
  border-left-color: @hl_high;
}

#wireplumber.microphone {
  border-left-color: @gold;
}

#wireplumber.microphone.muted {
  border-left-color: @hl_high;
  color: @muted;
}

/* Privacy states */
#privacy.screencast {
  border-left: 3px solid @rose;
}

#privacy.microphone {
  border-left: 3px solid @gold;
}

#privacy.camera {
  border-left: 3px solid @iris;
}

/* Idle inhibitor */
#idle_inhibitor.activated {
  border-left: 3px solid @foam;
}

#idle_inhibitor.deactivated {
  border-left: 3px solid @hl_high;
}

/* Gamemode */
#gamemode {
  border-left: 3px solid @gold;
}

/* Clock */
#clock {
  border-left: 3px solid @foam;
}

/* Battery */
#battery {
  border-left: 3px solid @foam;
}

#battery.warning {
  border-left-color: @gold;
}

#battery.critical {
  border-left-color: @love;
  color: @love;
}

/* Power profiles */
#power-profiles-daemon {
  border-left: 3px solid @gold;
}

#power-profiles-daemon.performance {
  border-left-color: @love;
}

#power-profiles-daemon.balanced {
  border-left-color: @foam;
}

#power-profiles-daemon.power-saver {
  border-left-color: @pine;
}

/* Bluetooth */
#bluetooth {
  border-left: 3px solid @iris;
}

#bluetooth.off,
#bluetooth.disabled {
  color: @muted;
  border-left-color: @hl_high;
}

/* Notifications */
#custom-swaync {
  border-left: 3px solid @iris;
}

#custom-swaync.dnd {
  border-left-color: @gold;
}

/* Night shift */
#custom-hyprsunset {
  border-left: 3px solid @rose;
}

/* ALHP custom module - FIXED */
#custom-alhp {
  border-left: 3px solid @pine;
}

/* Group wrappers (no extra padding to avoid width growth) */
#group-temps,
#group-volume {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

#custom-temps-cycle {
  border-left: 3px solid @rose;
}

#group-temps #temperature {
  margin: 2px 0;
}

#group-temps #temperature:hover {
  background: @overlay_alpha;
}

/* Temperature modules within group - maintain specific colors */
#group-temps #temperature.cpu {
  border-left: 3px solid @pine;
}

#group-temps #temperature.gpu_edge {
  border-left: 3px solid @iris;
}

#group-temps #temperature.gpu_hotspot {
  border-left: 3px solid @rose;
}

#group-temps #temperature.nvme {
  border-left: 3px solid @gold;
}

#group-temps #temperature.critical {
  background: @hl_med;
  color: @text;
}

/* Tray */
#tray {
  border-left: 3px solid @iris;
}

#tray > .passive {
  opacity: 0.7;
}

#tray > .needs-attention {
  border-left: 3px solid @love;
}

#group-volume #wireplumber {
  margin: 1px 0;
  padding: 2px 4px;
}

#group-volume #wireplumber:hover {
  background: @overlay_alpha;
}

/* Tooltips */
tooltip,
window#waybar tooltip {
  background: @surface;
  color: @text;
  border: 1px solid @hl_low;
  border-radius: 8px;
  padding: 6px 8px;
}

/* Popup menus */
menu,
.menu,
popover,
.popover {
  background: @surface;
  color: @text;
  border: 1px solid @hl_low;
  border-radius: 8px;
  padding: 6px 8px;
}

menuitem,
.menuitem {
  background: transparent;
  color: @text;
  border-radius: 6px;
  padding: 6px 8px;
}

menuitem:hover,
.menuitem:hover {
  background: @overlay_alpha;
}

menuitem:disabled,
.menuitem:disabled {
  color: @muted;
}

menu separator,
.menu separator {
  background: @hl_low;
  min-height: 1px;
  margin: 6px 0;
}