/* Colors ****************************************** */

/* Fonts ****************************************** */

@font-face {
    font-family: openSans;
    src: url(../ttf/OpenSans-Light.ttf);
}
@font-face {
    font-family: babasNeueBold;
    src: url(../ttf/BebasNeue-Regular.ttf);
}

:root {
    /* Hátterek */
    --background-green: #0CA789;
    --background-grey-new: #F3F3F3;
    --background-blue: #E2ECFB;
    --background-dark-blue: #c3dafc;
    --background-grey: #E6E6E6;
    --background-light-grey: #f7f4f4;

    /* Fejlécek */
    --title-blue: #1FA1EE;
    --title-red: #F24726;
    --title-orange: #f2a026;
    --title-yellow: #FAC710;
    --title-black: #383838;
    --title-green: #8FD14F;
    --title-grey: #575757;
    --title-purple: #944C71;

    /* Szöveg szín */
    --text-black: #383838;
    --text-light: #DDDFDF;
    --text-blue: #1FA1EE;;

    /* Gombok */
    --button-blue: #1FA1EE;
    --button-disabled: #b5dff7;
    --button-dark-blue: #414BB2;
    --button-puprle: #9510AC;
    --button-grey: #383838;
    --button-search: #FAC710;
    --button-warning: #F24726;
    --button-succes: #5eb805;

    /* Táblázat */
    --table-head: #ABD7F9;
    --table-sum: #A0EBEE;
    --table-warning: #f6db81;

    /* Border  */
    --border-grey: #E6E6E6;
    --border-grey-light: #E1E1E1;
}

body {
    margin: 0;
    padding: 0;
    font-family: openSans;
}

.bold {
    font-family: babasNeueBold;
}