/* Everforest dark names; hexes track themes/summer-night.json roles
   (JSON is SoT for Stylix/swaync + these tokens). */
@define-color bg_dim #232a2e;
@define-color bg0 #2d353b; /* base */
@define-color bg1 #343f44;
@define-color bg2 #3c474d; /* surface */
@define-color bg3 #475258;
@define-color bg4 #4f585e;
@define-color bg5 #56635f;
@define-color bg_visual #543a48;
@define-color bg_red #514045;
@define-color bg_green #425047;
@define-color bg_blue #3a515d;
@define-color bg_yellow #4d4c43;
@define-color fg #d3c6aa; /* text */
@define-color red #e68183; /* bad */
@define-color orange #e69875;
@define-color yellow #d9bb80; /* warn */
@define-color green #a7c080; /* good */
@define-color aqua #83c092;
@define-color blue #83b6af; /* accent */
@define-color purple #d39bb6; /* accentAlt */
@define-color grey0 #7a8478; /* muted */
@define-color grey1 #859289; /* overlay */
@define-color grey2 #9da9a0; /* subtext */
/* margin: top right bottom left */
/* Spacing outside the element */

/* padding: top right bottom left */
/* Spacing inside the element */

* {
  font-family: JetBrainsMono Nerd Font, FontAwesome;
  font-size: 13px;
  font-weight: bold;
}

window#waybar {
  background-color: @fg;
  color: @bg0;
  transition-property: background-color;
  transition-duration: 0.5s;
  border-radius: 0px 0px 15px 15px;
  transition-duration: .5s;

  border-bottom-width: 5px;
  border-bottom-color: #7d6a40;
  border-bottom-style: solid;
}

#backlight,
#tray,
#custom-nomarchy,
#custom-recording,
#clock,
#workspaces,
#pulseaudio,
#custom-powerprofile,
#custom-nightlight,
#custom-airplane,
#language,
#custom-updates,
#idle_inhibitor,
#battery,
#custom-vpn,
#custom-doctor,
#custom-notification,
#custom-powermenu {
  background-color: @bg0;
  color: @fg;
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 7px;
  margin-bottom: 12px;
  border-radius: 10px;
  border-bottom-width: 5px;
  border-bottom-color: #161a1d;
  border-bottom-style: solid;
}

#tray > .active {
    color: @fg;
}

/* The power-profile speedometer glyph renders small in its em box. */
#custom-powerprofile {
  font-size: 17px;
}

#tray > .needs-attention {
    color: @green;
}

#workspaces {
  padding: 0px;
}

#workspaces button.active {
  background-color: @blue;
  color: @bg0;
  border-radius: 10px;
  margin-bottom: -5px;
  border-bottom-width: 5px;
  border-bottom-color: #366660;
  border-bottom-style: solid;
}

#custom-nomarchy {
  background-color: @green;
  color: @bg0;
  border-bottom-color: #556a35;

  margin-left: 15px;
  padding-left: 20px;
  padding-right: 21px;
  /* The Nomarchy mark lives at U+F000 in the dedicated "Nomarchy" font;
     pin the family or the Nerd Font's glass icon at U+F000 wins. */
  font-family: Nomarchy;
  font-size: 20px;
}

#custom-powermenu {
  background-color: @red;
  color: @bg0;
  border-bottom-color: #951c1f;

  margin-right: 15px;
  padding-left: 20px;
  padding-right: 23px;
}

#idle_inhibitor {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 20px;
}

/* Status semantics — parity with boreal/generated (BACKLOG summer polish). */
#custom-recording.recording { color: @red; }
#custom-updates.available    { color: @blue; }
#custom-doctor               { color: @red; }
#idle_inhibitor.activated    { color: @yellow; }
#custom-nightlight.on        { color: @yellow; }
#custom-airplane.on        { color: @yellow; }
#custom-vpn.on               { color: @green; }
#pulseaudio.muted            { color: @grey0; }

#battery.charging { color: @green; }
#battery.warning:not(.charging)  { color: @yellow; }
#battery.critical:not(.charging) { color: @red; }

#custom-notification.notification { color: @blue; }
#custom-notification.dnd-none,
#custom-notification.dnd-notification,
#custom-notification.inhibited-none,
#custom-notification.inhibited-notification { color: @grey0; }

/* Icon-only status modules — match glyph scale of neighbours. */
#custom-recording,
#custom-updates,
#custom-doctor,
#custom-nightlight,
#custom-airplane,
#custom-vpn,
#custom-notification { font-size: 17px; }

tooltip {
  background: @bg0;
  border: 1px solid @grey1;
  border-radius: 8px;
}
tooltip label { color: @fg; }