:root {
    --ae_drawn--body__color: #111117;
    --ae_drawn--area__color: #1a1a21;
    --ae_drawn--other__color: #16161d;
    --ae_drawn--border__color: #242433;
    --ae_drawn--hover__color: #313144;

    /*---- 'Colors Styles' ----*/
    --ae_drawn--text__color--001: #808091;
    --ae_drawn--text__color--002: #ffffff;
    --ae_drawn--text__color--003: black;

    --drawn__stats__custom__001: 221, 33, 33;
    --drawn__stats__custom__002: 16, 185, 129;

    --ae_drawn--main__color: #fb002e;
    --ae_drawn--main__color--rgb: 251, 0, 46;
    --ae_drawn--second__color: #890920;
    --ae_drawn--second__color--rgb: 137, 9, 32;

    /*---- 'Gradients Styles' ----*/
    --ae_drawn--main__gradient--001: linear-gradient(var(--ae_drawn--main__color), var(--ae_drawn--second__color));
}
html {
    /*---- 'Font Styles' ----*/
    --ae_drawn--font__family: 'Source Sans Pro', sans-serif;
    --ae_drawn--font__size: 14px;

    /*---- 'Main Styles' ----*/
    --ae_drawn--border__radius--001: 5px;
    --ae_drawn--border__radius--002: 10px;
    --ae_drawn--page__width: 1000px;
    --ae_drawn--content__magin: var(--ae_drawn--menu__width);
    --ae_drawn--logo__height: var(--ae_drawn--header__height);

    /*---- 'Menu Styles' ----*/
    --ae_drawn--menu__width: 230px;
    --ae_drawn--menu__height: 100vh;
    --ae_drawn--menu__font_s: 17px;
    --ae_drawn--menu__gap--001: 5px;
    --ae_drawn--menu__gap--002: 9px;
    --ae_drawn--menu__gap--003: 10px;
    --ae_drawn--menu__gap--004: 15px;

    /*---- 'Header Styles' ----*/
    --ae_drawn--header__height: 70px;
    --ae_drawn--header__gap--001: 5px;
    --ae_drawn--header__gap--002: 7px;
    --ae_drawn--header__gap--003: 10px;
    --ae_drawn--header__gap--004: 15px;

    /*---- 'Settings Styles' ----*/
    --ae_drawn--settings__gap--001: 5px;
    --ae_drawn--settings__gap--002: 7px;
    --ae_drawn--settings__gap--003: 10px;
    --ae_drawn--settings__gap--004: 15px;
    --ae_drawn--settings__gap--005: 20px;
    --ae_drawn--settings__radius--001: 5px;

    /*---- 'Input Styles' ----*/
    --ae_drawn--requierd__input: 221, 33, 33;
    --ae_drawn--boxShadow__input: rgb( var(--ae_drawn--main__color--rgb), 0.3 ) 0px 0px 0px 4px;
    --ae_drawn--borderColor__input: var(--ae_drawn--main__color);
    --ae_drawn--fieldToggle__color: 16, 185, 129;
}