:root {

    /*2b2d33*/
    --container-max-width: 1360px;

    /* Brand Colors */
    --brand-main-color: #235cf7;
    /* 235cf7 */
    --brand-second-color: #3c6ffc;

    /* Backgrounds */
    --bg-white: #ffffff;
    --bg-gray-100: #f8f8f8;
    --bg-gray-200: #eaeaea;

    /* Colors */
    --text-white: #ffffff;
    --text-black: #000000;
    --text-second: #444444;


    /* Borders */
    --border-color: #eee;
    --border-radius: 25px;
    --border-radius-md: 15px;
    --border-radius-sm: 10px;
    --border-radius-xs: 5px;

    /* Buttons */
    --btn-bg: var(--brand-main-color);
    --btn-color: #fff;
    /**/
    --btn-black-bg: #000000;
    --btn-black-color: #fff;


    /* Navbar */
    --navbar-height: 95px;
    --navbar-bg: #ffffff;
    --navbar-color: #000000;
    /* --navbar-shadow: 0 1px 5px rgba(0, 0, 0, 0.1); */
    --navbar-shadow: 0 1px 30px rgba(0, 0, 0, 0.070);




    /* Card ( box ) Style Colors */
    --card-bg: #fff;
    --card-padding: 1rem;
    --card-color: #212121;
    --card-shadow: 18px 0 87px rgba(10, 15, 70, .07);
    --card-border: none;
    --card-border-radius: 12px;



    /* Start Inputs */
    --input-text-color: #6f6b80;
    --input-main-bg: #fefefe;
    --input-border-color: #d6dbe5;
    --input-border-radius: var(--border-radius-sm);
    --input-height: 54px;


    /* On Foucs */
    --input-text-color-on-foucs: #212121;
    --input-main-bg-on-foucs: #ffffff;
    --input-border-on-foucs: var(--brand-main-color);



    /*
    --btn-soft-bg: #00baf221;
    --btn-soft-color: #00b9f2;
    --btn-second-bg: var(--second-color);
    --btn-second-color: #fff;
    --btn-second-soft-bg: #be198d38;
    --btn-second-soft-color: #be198d;
    */



}