
*{
  all: unset;
}

window {
  font-family: "JetBrainsMono Nerd Font", monospace;
  background-color: #000000;
  color: #FFFFFF;
}

/* Global normalization - no widget should add spacing */
eventbox, box, label, scale {
  padding: 0;
  margin: 0;
}

$font-family: "JetBrainsMono Nerd Font", monospace;

// Global colors (sync with ~/.config/colors)
$bg-bar:       #000000;
$track:        #3a3a3a;
$accent:       #E0AF68;
$urgent:       #F7768E;
$fg:           #ffffff;

// Legacy
$background: $bg-bar;
$foreground: $fg;

.workspace-entry {
  /* Styles for all workspace entries */
  padding: 0 0.5em;
  font-family: $font-family;
  color : $foreground;
}

.workspace-entry.current {
  /* Styles for the current workspace */
  color: $accent;
  font-weight: bold;
}

.workspace-entry.urgent {
  /* Styles for urgent workspaces */
  color: $urgent;
  font-weight: bold;
}

.time-label {
    font-family: $font-family;
    color : $foreground;
    font-weight: bold;
    margin-right: 5px;
}

.notification-eventbox {
    padding: 0;
    min-width: 0;
    min-height: 0;
}

.notification-icon {
    font-family: $font-family;
    color : $foreground;
    font-weight: bold;
    margin-right: 5px;
}

.battery-percent {
    font-family: $font-family;
    color : $foreground;
    font-weight: bold;
    margin-right: 5px;
}

.battery-icon {
  font-family: $font-family;
  color : $foreground;
  font-weight: bold;
}

.bar {
  background-color: $background;
}

.wifi-eventbox {
  padding: 0;
  min-width: 0;
  min-height: 0;
}

.wifi-icon{
  color : $foreground;
  background-color: $background;
  font-weight: bold;
}

.brightness-icon {
  color: $foreground;
  font-weight: bold;
  margin-right: 3px;
}

.volume-icon {
  color: $foreground;
  font-weight: bold;
  margin-right: 3px;
}

.volume-bar {
  min-width: 10px;
  min-height: 6px;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  border: none;
  outline: none;
}

.volume-bar trough {
  background-color: $track;
  border-radius: 3px;
  min-height: 6px;
  min-width: 10px;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}

.volume-bar highlight {
  background-color: $fg;
  border-radius: 3px;
  padding: 0;
  margin: 0;
}

.volume-bar slider {
  all: unset;
  padding: 0;
  margin: 0;
  min-width: 0;
  min-height: 0;
}

.brightness-bar {
  min-width: 10px;
  min-height: 6px;
  padding: 0;
  margin: 0;
  margin-right: 10px;
  border: none;
  outline: none;
}

.brightness-bar trough {
  background-color: $track;
  border-radius: 3px;
  min-height: 6px;
  min-width: 10px;
  padding: 0;
  margin: 0;
  border: none;
  outline: none;
}

.brightness-bar highlight {
  background-color: $fg;
  border-radius: 3px;
  padding: 0;
  margin: 0;
}

.brightness-bar slider {
  all: unset;
  padding: 0;
  margin: 0;
  min-width: 0;
  min-height: 0;
}

tooltip {
  background-color: $bg-bar;
  color: $fg;
  border: none;
  border-radius: 0;
  font-family: "JetBrainsMono Nerd Font", monospace;
}
