/* Nord Theme Colors */
@define-color nord0 #2e3440;
@define-color nord1 #3b4252;
@define-color nord2 #434c5e;
@define-color nord3 #4c566a;
@define-color nord4 #d8dee9;
@define-color nord5 #e5e9f0;
@define-color nord6 #eceff4;
@define-color nord7 #8fbcbb;
@define-color nord8 #88c0d0;
@define-color nord9 #81a1c1;
@define-color nord10 #5e81ac;
@define-color nord11 #bf616a;
@define-color nord13 #ebcb8b;

/* Base styles */
* {
  font-family: 'Iosevka Nerd Font', monospace;
  font-size: 18px;
  border: none;
  border-radius: 8px;
  margin: 0;
  padding: 0;
  min-height: 0;
  transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out, opacity 0.2s ease-in-out;
}

#waybar {
  background-color: transparent;
  color: @nord5;
}

#systemd-failed-units, #temperature, #load, #privacy, #mpris,
#workspaces, #window, #cpu, #memory, #battery, #backlight,
#wireplumber, #network, #bluetooth, #clock, #tray,
#custom-startmenu, #custom-exit, #custom-weather, #idle_inhibitor, #custom-timer,
#language, #keyboard-state {
  background-color: rgba(46, 52, 64, 0.9); /* nord0 with opacity */
  color: @nord5;
  padding: 0 12px;
  margin: 4px 2px;
  border-radius: 8px;
}

/* Module grouping */
#wireplumber {
  margin-right: 8px; /* Separate from system-status group */
}
#group-system-status > * {
  background-color: @nord2;
  margin: 4px 1px;
}
#network, #bluetooth {
  background-color: @nord3;
  margin-left: 8px; /* Separate network group */
}

/* Module-specific colors and styles */
#workspaces button {
  color: @nord7;
  font-size: 16px;
  padding: 0 8px;
  border-radius: 8px;
}
#workspaces button.visible {
  color: @nord8;
  background-color: @nord1;
}
#workspaces button:hover {
  background-color: @nord2;
  color: @nord6;
  opacity: 0.9;
}
  #workspaces button.active {
  color: @nord6;
}
#cpu { color: @nord9; }
#memory { color: @nord7; }
#battery { color: @nord7; }
#mpris { color: @nord7; }
#backlight { color: @nord9; }
#wireplumber { color: @nord9; }
#network { color: @nord7; min-width: 220px; } /* Fixed width for consistent alignment */
#bluetooth { color: @nord10; }
#language {
  color: @nord10;
  min-width: 40px; /* Ensure visibility */
  background-color: rgba(46, 52, 64, 0.9); /* Explicit nord0 background */
}
#keyboard-state { color: @nord10; }
#custom-weather { color: @nord7; }
#clock { background-color: @nord1; }
#custom-startmenu, #custom-exit, #idle_inhibitor {
  font-size: 16px;
}
#custom-startmenu:hover, #custom-exit:hover, #idle_inhibitor:hover {
  background-color: @nord2;
  color: @nord6;
  opacity: 0.9;
}

/* Warning and Critical States */
#cpu.warning, #memory.warning, #battery.warning {
  color: @nord13;
  animation: blink-warning 2s ease-in-out infinite alternate;
}
#cpu.critical, #memory.critical, #battery.critical {
  color: @nord11;
  animation: blink-critical 1s ease-in-out infinite alternate;
}
#network.disconnected {
  color: @nord11;
}

/* Animations */
@keyframes blink-warning {
  to { background-color: @nord13; color: @nord0; }
}
@keyframes blink-critical {
  to { background-color: @nord11; color: @nord0; }
}

/* Tooltip */
tooltip {
  background-color: @nord0;
  color: @nord5;
  border-radius: 8px;
  padding: 5px 10px;
}
tooltip label {
  color: @nord5;
}

/* Tray */
#tray > .passive {
  color: @nord3;
}
#tray > .active {
  color: @nord8;
    }