@define-color base #050505;              /* Void Black */
@define-color surface #141414;           /* Dark Surface */
@define-color overlay #262626;           /* Light Surface */
@define-color text #ededed;              /* Stark White */
@define-color muted #737373;             /* Muted Text (spec) */

@define-color love #ff0044;              /* Razor Red */
@define-color foam #00eaff;              /* Electric Cyan */
@define-color pine #00ff99;              /* Toxic Green */
@define-color gold #ffb700;              /* Warning Gold */
@define-color iris #9d00ff;              /* Void Purple */

@define-color hl_low  #141414;
@define-color hl_med  #262626;
@define-color hl_high #262626;           /* keep borders “light surface”, not random gray */

@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.92);

/* 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;
}

/* Default workspace = neutral surface */
#workspaces button {
  background: @surface_alpha;
  color: @muted;                 /* inactive should look “off” */
  border: 1px solid @overlay;    /* light surface border */
  border-radius: 6px;
  margin: 2px;
  padding: 3px 6px;
}

/* Hover = cyan tech highlight */
#workspaces button:hover {
  background: @overlay_alpha;
  border-color: @foam;
  color: @text;
}

/* Active = razor red "target locked" */
#workspaces button.active {
  background: @love;
  color: @base;                  /* spec: black text on red */
  border-color: @love;
}

/* Urgent = still red, but let it glow harder */
#workspaces button.urgent {
  background: @love;
  color: @base;
  box-shadow: 0 0 6px rgba(255, 0, 68, 0.55);
}

/* Shared pill look for ALL modules */
#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 @overlay;
  border-radius: 8px;
  padding: 3px 6px;
  margin: 2px 3px;
}

/* Universal hover = cyan border "scanline" effect */
#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;
  border-color: @foam;
}

/* Focus/primary module accents (Apex-Neon logic) */
#window { border-left: 3px solid @love; }        /* focus = Razor Red */

/* Metrics: make them "dashboard semantics" */
#cpu    { border-left: 3px solid @pine; }        /* success/ok */
#memory { border-left: 3px solid @iris; }        /* special */
#disk   { border-left: 3px solid @foam; }        /* info/tech */
#network{ border-left: 3px solid @foam; }        /* network = cyan (tech accent) */

/* Temperature modules */
#temperature.cpu         { border-left: 3px solid @pine; }
#temperature.gpu_hotspot { border-left: 3px solid @love; }  /* hot = red, not pink */
#temperature.nvme        { border-left: 3px solid @gold; }

#temperature.critical {
  background: @love;
  color: @base;                 /* black on red */
  border-left-color: @love;
  border-color: @love;
}

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

/* Privacy states */
#privacy.screencast { border-left: 3px solid @foam; }   /* "active tech" */
#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 @overlay; color: @muted; }

/* 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: @overlay;
}

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

/* Night shift */
#custom-hyprsunset { border-left: 3px solid @foam; } /* tech accent instead of rose */

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

/* Group wrappers */
#group-temps,
#group-volume {
  background: transparent;
  border: 0;
  margin: 0;
  padding: 0;
}

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

#group-temps #temperature { margin: 2px 0; }
#group-temps #temperature:hover { background: @overlay_alpha; border-color: @foam; }

/* Preserve semantics within group */
#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 @love; }
#group-temps #temperature.nvme        { border-left: 3px solid @gold; }

#group-temps #temperature.critical {
  background: @love;
  color: @base;
}

/* Tray */
#tray { border-left: 3px solid @iris; }
#tray > .passive { opacity: 0.7; }
#tray > .needs-attention {
  border-left: 3px solid @love;
  box-shadow: 0 0 6px rgba(255, 0, 68, 0.55);
}

/* Volume group sizing */
#group-volume #wireplumber {
  margin: 1px 0;
  padding: 2px 4px;
}
#group-volume #wireplumber:hover { background: @overlay_alpha; border-color: @foam; }

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

/* Popup menus */
menu,
.menu,
popover,
.popover {
  background: @surface;
  color: @text;
  border: 1px solid @overlay;
  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;
  border: 1px solid @foam;
}

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

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