/** Styles for the theme: Base-Dark */

/* Style for the main element */
.TcHmi_Controls_Beckhoff_TcHmiButton,
.tchmi-button {
    --tchmi-background: linear-gradient(135deg, #35333d, #141415);
    --tchmi-color: #ffffff;
    --tchmi-background-pressed: linear-gradient(135deg, #141415 25%, #2a3845);
    --tchmi-color-pressed: #a3b0bb;
    /* color gradient for default view */
    background: var(--tchmi-background);
    /* default color for button text */
    color: var(--tchmi-color);
    /* default border definition*/
    border: solid 1px black;
    /* default box shadow */
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.6);
}

/* class down will be set/unset in the control on mouse/touch down */
.TcHmi_Controls_Beckhoff_TcHmiButton.down,
.tchmi-button.down {
    /* another color gradient */
    background: var(--tchmi-background-pressed);
    color: var(--tchmi-color-pressed);
    box-shadow: inset 0px 0px 15px 0px rgba(0, 0, 0, 0.8);
}
