* {
    /* `otf-font-awesome` is required to be installed for icons */
    font-family: Ubuntu, sans-serif;
    font-size: 13px;
}

/*VARS*/
@define-color critical-color #ff5ed1;
@define-color primary-color #ffabe7;
@define-color secondary-color #fbe4f7;
@define-color dark-color rgba(0,0,0, 0.9);
@define-color background-color rgba(0, 0, 0, 0.4);
@define-color text-color rgb(255, 255, 255);

window#waybar {
    background: @background-color;
    border-radius: 5px;
}


/*General Paddings*/
#clock,
#battery,
#window,
#tray,
#pulseaudio,
#cpu,
#temperature,
#memory,
#idle_inhibitor{
    padding: 0 10px 0 10px;
    color: @text-color;
    background-color: @dark-color;
    border-radius: 5px;
    margin: 0 3px 0 3px;
}

/*Window Settings*/
#window {
    /*background-color: @primary-color;*/
    color: @text-color;
    font-weight: bold;
}

/*Workspace Settings*/
#workspaces {
    border-radius: 5px;
    /*background-color: @secondary-color;*/
    color: @text-color;
}

#workspaces button {
    transition: all 300ms ease-in-out;
    border-radius: 5px;
    color: @text-color;
}

#workspaces button.active {
    background-color: @primary-color;
    color: black;
    font-weight: bold;
}

/*Animated objects*/
#cpu,
#battery,
#memory,
#temperature{
    transition: all 300ms ease-in-out;
}

#cpu.critical,
#battery.critical,
#memory.critical,
#temperature.critical {
    animation-name: pLINK;
    animation-duration: 0.5s;
    animation-timing-function: steps(12);
    animation-iteration-count: infinite;
    animation-direction: alternate;
    font-weight: bold;
}

/*Modules*/
.modules-right {
    /*background-color: @secondary-color;*/
    border-radius: 5px;
    padding: 5px;
}

/*Animations*/
@keyframes pLINK {
    to { background-color: @critical-color;}
}