@import "./dracula.css";

* {
    font-family: FreeMono;
    font-size: 17px;
    font-weight: 600;
    border: none;
}

#waybar {
    background: transparent;
}

#workspaces {
    color: @teal;
}

#workspaces button {
    color: @teal;
    margin: 0 0.8rem 0 0.4rem;
    padding: 0;
    /* border-bottom-width: 1px; */
}
#workspaces button:hover {
    box-shadow: none;
    text-shadow: none;
    background: none;
    transition: none;
}

#workspaces button.empty {
    color: @surface2;
}

#workspaces button.visible {
    color: @red;
}

#custom-lock,
#custom-kde,
#custom-restart,
#custom-exit,
#custom-sleep,
#custom-poweroff,
#mpris,
#battery,
#pulseaudio,
#bluetooth,
#backlight,
#network {
    padding: 0 1rem;
}
#mpris {
    font-family: "GohuFont 11 Nerd Font Mono";
    font-weight: 700;
    letter-spacing: 1.5px;
}

#cava {
    font-family: "GohuFont 11 Nerd Font Mono";
    font-weight: 700;
    letter-spacing: 1.5px;
    color: @teal;
    margin: 0 5px 0 10px;
}

#custom-sleep,
#battery,
#network {
    color: @green;
}

#custom-exit,
#mpris,
#pulseaudio,
#backlight {
    color: @yellow;
}

#custom-kde,
#custom-lock,
#bluetooth {
    color: @teal;
}

#custom-restart,
#custom-poweroff {
    color: @red;
}

#clock,
#custom-ac {
    color: @text;
    color: @yellow;
    font-family: "GohuFont 11 Nerd Font Mono";
    font-weight: 700;
    letter-spacing: 1.5px;
}

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

/* .modules-left, */
/* .modules-center, */
/* .modules-right { */
/*     border: double 3px transparent; */
/*     border-radius: 10px; */
/*     background-image: */
/*         linear-gradient(rgba(12, 10, 32, 1), rgba(12, 10, 32, 1)), */
/*         linear-gradient( */
/*             to bottom right, */
/*             rgba(254, 4, 117, 0.93), */
/*             rgba(32, 241, 253, 0.93) */
/*         ); */
/*     background-origin: border-box; */
/*     background-clip: padding-box, border-box; */
/*     padding: 0 1rem; */
/*     margin: 0 20px; */
/* } */

.modules-left,
.modules-center,
.modules-right {
    border: solid 3px;
    border-color: @lavender;
    border-radius: 10px;
    padding: 0 1rem;
    background: @surface0;
}

.modules-right,
.modules-left {
    margin: 0 20px;
}