@import "./colors.css";

/* Global styles */
* {
    transition: 0.7s all ease-in-out;
    font-size: 16px;
    font-family: inherit;
    padding: 3px;
    margin: 1px 2px;
    color: @text;
    border-radius: 12px;
    min-width: 20px;
}

*:hover {
    text-shadow: none;
}

/* Window */
window#waybar {
    background-color: @base;
}

/* Workspaces */
#workspaces button {
    padding: 2px;
    margin: 1px;
    background: transparent;
    color: @lavender;
    box-shadow: inset 0 1.5px;
}

#workspaces button:hover {
    background-color: @surface1;
    box-shadow: inset 2px 5px;
}

#workspaces button.active {
    box-shadow: inset 1px 4px 0 1px;
    background-color: @surface0;
}

#workspaces button.urgent {
    background-color: @red;
}

/* Clock */
#clock {
    font-style: oblique;
    opacity: 1;
}

/* Modules */
.modules-left,
.modules-right,
.modules-center {
    background-color: @crust;
}

/* Tray */
#tray>.needs-attention {
    background-color: @red;
}

/* Custom */
#custom-spotify:hover {
    background-color: @green;
}

#network:hover {
    background-color: @sky;
}

#custom-notifications:hover {
    background-color: @sapphire;
}