:root{

    /*<editor-fold desc="COLORS">*/
    /*red - e11622*/
    /*grey - 393c41*/
    --main-color: #FFFFFF;
    --second-color: rgb(59,130,246);
    --third-color: rgb(37,99,235);

    --gradient-background: linear-gradient(-37deg, rgb(57, 60, 65) 3%, rgb(17, 20, 25) 96%);
    --gradient-background-hover: linear-gradient(-37deg, rgb(225, 22, 34) 0%, rgb(235, 12, 24) 100%);
    --glow-color: #fad1d3;

    --button-gradient-background: linear-gradient(to right top, rgb(7, 10, 15), rgb(57, 60, 65));
    --button-gradient-background-hover: linear-gradient(to right top, rgb(245, 2, 14), rgb(225, 22, 34));

    --text-color-main: rgb(37, 40, 45);
    --text-color-second: rgb(225, 12, 14);
    --text-color-third: rgb(57, 119, 205);

    --black-color: #000;
    --white-color: #fff;

    --grey-1-color: #111;
    --grey-2-color: #222;
    --grey-3-color: #333;
    --grey-4-color: #444;
    --grey-5-color: #555;
    --grey-6-color: #666;
    --grey-7-color: #777;
    --grey-8-color: #888;
    --grey-9-color: #999;
    --grey-a-color: #aaa;
    --grey-b-color: #bbb;
    --grey-c-color: #ccc;
    --grey-d-color: #ddd;
    --grey-e-color: #eee;

    --bg-footer: #F1F5F8;
    /*</editor-fold>*/

    /*<editor-fold desc="FONTS">*/
    --font-black: 800;
    --font-bold: 600;
    --font-medium: 500;
    --font-regular: 300;
    --font-thin: 100;
    /*</editor-fold>*/

    /*<editor-fold desc="BORDER RADIUS">*/
    --border-radius: 10px;
    --border-radius-sm: 6px;
    /*</editor-fold>*/

    /*<editor-fold desc="FORM VARIABLES">*/
    --form-background-color: rgba(255,255,255,0.75);
    --form-border-radius: var(--border-radius);
    --form-input-radius: var(--border-radius-sm);
    --form-border: none;
    --form-button-background: var(--button-gradient-background);
    --form-button-background-hover: var(--button-gradient-background-hover);
    --form-button-color: rgba(255,255,255,1);
    --form-button-font: 18px var(--font-medium);
    --form-input-height: 40px;
    --form-error-color: var(--text-color-main);
    --form-error-background-color: rgba(235,0,15,0.5);
    --form-success-color: rgba(0,155,55,0.5);
    --form-text-color: var(--text-color-main);
    /*</editor-fold>*/

    /*<editor-fold desc="CSS LOADER">*/
    --css-loader-color: var(--second-color);
    /*</editor-fold>*/

    /*<editor-fold desc="Language Switcher">*/
    --language-switcher-list-z-index: 5;
    --language-switcher-background-color: transparent;
    --language-switcher-color: var(--text-color-main);
    --language-switcher-list-background-color: rgba(255,255,255,0.75);
    --language-switcher-list-color: inherit;
    --language-switcher-item-hover-border-color:transparent;
    --language-switcher-item-hover-background-color: var(--grey-e-color);
    --language-switcher-item-hover-color: var(--text-color-second);
    /*</editor-fold>*/
}