/*
* Variant: Rosé Pine Moon
* Maintainer: DankChoir
*/

@define-color base #232136;
@define-color surface #2a273f;
@define-color overlay #393552;

@define-color muted #6e6a86;
@define-color subtle #908caa;
@define-color text #e0def4;

@define-color love #eb6f92;
@define-color gold #f6c177;
@define-color rose #ea9a97;
@define-color pine #3e8fb0;
@define-color foam #9ccfd8;
@define-color iris #856cd9;

@define-color highlightLow #2a283e;
@define-color highlightMed #44415a;
@define-color highlightHigh #56526e;

* {
  font-family: Maple Mono NF;
  font-size: 14px;
  min-height: 0;
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}

#waybar.bottom_bar {
  border: 2px solid shade(@iris, 1);
}

#waybar.top_bar {
  border-bottom: 2px solid shade(@iris, 1);
}

#waybar,
tooltip,
#tray menu,
#tray menu menuitem {
  background-color: alpha(@surface, 0.75);
  padding: 0.5rem 0;
  margin-bottom: 0;
  color: @text;
  border-radius: 0;
}

.modules-right,
.modules-left,
.modules-center {
  margin: 2px;
  padding: 0 2px;
}

#waybar.top_bar .modules-right,
#waybar.top_bar .modules-left,
#waybar.top_bar .modules-center {
    margin-bottom: 6px;
}

tooltip,
#tray menu {
  border: 2px solid shade(@iris, 1);
}

#tray menu menuitem {
  border-radius: 0;
  border-top: none;
  border-bottom: none;
  background: none;
  margin: 0;
  padding: 0;
}

#tray menu menuitem:hover {
  color: @text;
  background: alpha(@iris, 0.2);
}

#battery.charging {
  color: @pine;
}

#battery.warning:not(.charging) {
  color: @rose;
}

#workspaces button {
  color: @text;
  border-radius: 0;
}

#workspaces button:hover {
  color: @text;
  box-shadow: inset 0 2px @iris;
  text-shadow: none;
}

#workspaces button.active,
#workspaces button.focused {
  box-shadow: inset 0 1px @text;
}

#custom-bat-sep,
#custom-back-sep,
#custom-sep {
  padding: 0 6px;
}