@font-face {
    font-family: roboto;
    src: url(../res/Roboto.ttf);
}

:root {
    --background-color: rgba(0, 0, 0, 1);
    --color: rgba(200, 200, 200, 1);

    --background-color-variant: rgba(50, 50, 50, 0.95);
    --color-variant: rgba(255, 255, 255, 1);
    
    --background-color-textbox: rgba(75, 75, 75, 1);
    --color-textbox: rgba(200, 200, 200, 1);

    --background-color-button: rgba(45, 136, 255, 1);
    --background-color-button-cancel: rgb(75, 75, 75);
    --color-button: rgba(220, 220, 220, 1);

    --background-color-succeeded: rgb(0, 92, 46);
    --background-color-warning: rgb(173, 127, 0);
    --background-color-error: rgb(134, 1, 1);

    --color-border: rgba(75, 75, 75, 1);
    --border-line-width: 2px;

    --background-color-arrow: rgba(0, 0, 0, 0.50);

    --transparent: rgba(0, 0, 0, 0);

    --font: 14px roboto;

}