:root {

    --body-background: #eee;
    --color-black: #000000;

    /* Brand Color */
    --brand-main-color: #fdb84b;
    --brand-second-color: #000000;


    /* Start Borders */
    --border-color: #0420451a;
    --border-radius: 3px;
    /* End Borders */




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





    /* Start Cards & Boxs Style */
    --card-shadow: 0px;
    --card-shadow-hover: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 20px 20px -30px;
    --card-bg: #fff;
    --card-border: solid 1px var(--border-color);
    --card-radius: var(--border-radius);
    --card-padding: 20px;
    --card-margin-bottom: 30px;
    /* End Cards & Boxs Style */



    /* Start Inputs */
    --input-text-color: #5d5d5d;
    --input-main-bg: #fefefe;
    --input-border-color: #c5c5c5;
    --input-border-radius: var(--border-radius);
    --input-height: 48px;
    /* On Foucs */
    --input-text-color-on-foucs: #212121;
    --input-main-bg-on-foucs: #ffffff;
    --input-border-on-foucs: var(--brand-main-color);
    /* End Inputs */


}