@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 3px;
}

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

#workspaces button.active {
    box-shadow: inset 0 8px;
}

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

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

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

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