:root {



    --bg: #f0f1f6;
    --color: #000000;

    --bg-white: #ffffff;
    --color-white: #ffffff;

    /* Theme Color */

    --main-color: #000000;
    --second-color: #000000;
    --brand-second-color:#000000;


    /* Start Buttons */
    --btn-main-color: #fff;
    --btn-main-bg: var(--main-color);
    --btn-main-border-radius: var(--border-radius-md);
    --btn-main-soft-bg: #0053a624;
    --btn-main-soft-color: var(--main-color);
    /**/
    --btn-second-color: #fff;
    --btn-second-bg: var(--second-color);
    --btn-second-border-radius: var(--border-radius);
    --btn-second-soft-bg: #0053a624;
    --btn-second-soft-color: var(--main-color);
    /* End Buttons */

    --btn-bg: var(--main-color);
    --btn-color: #fff;

    --btn-soft-bg: #2832569f;
    --btn-soft-color: #fff;



    /* Borders */
    --border-color: #dee4ec;
    --border-radius: 15px;






    /* Footer Color */
    --footer-main-bg: #212121;
    --footer-second-bg: var(--main-color);
    --footer-color: #ffffff;
    --footer-color-gray: #d4d4d4;






    /* Input */
    --input-color: #505050;
    --input-background: #ffffff;
    --input-border-color: #dce1e7;
    --input-focus-border-color:#28325679;
    --input-focus-background: #fbfbfb;
    --input-shadow: 0 1px 1px rgba(32, 107, 196, 0.06), 0 0 0 .25rem #28325631;




    /* Card ( box ) Style Colors */
    --card-bg: #fff;
    --card-color: #212121;
    --card-shadow: 0px 0px 2px var(--border-color);
    --card-border: none;






    /* Global */
    --navbar-height: 100px;

}