:root{


/* brand */
     --brand-bg-color:#EFEDED;

/* container */
     --container-bg:white;
     --container-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
     --container-outer-border-radius:24px;
     --container-inner-border-radius:14px;

/* body */
     /* --body-bg-color:#EFEDED; */
     --body-bg-color:transparent;


     --dropdown-bg:white;
     --dropdown-txt-color:black;
     --dropdown-item-bg-hover-color:var(--button-bg-color);
     --dropdown-item-txt-hover-color:white;

/* pallet */
     --primary-color: #00D4B7;
     --secondary-color: #2C65C4;
     --territory-color:#81D2C7;

     --dark-txt-color:#111;


     --primary-shade1 : rgb(83, 44, 129);
     --primary-active-shade1 : #2B303A;

     --main-text-color:#333;
     --less-text-color:#555;

/* nav bar */
     --navbar-top-active:var( --primary-active-shade1 );
     --navbar-top-inactive:black;
     --navbar-top-hover:white;
     --navbar-top-bg-color:var( --primary-color);
     
/* Footer */
     --fotter-bg-color:var(      --primary-color);


/* btns */

     --button-bg-color: #111;
     --button-txt-color: #b6fffa;
     --button-border-color:black;
     --button-default-color:#feda;

     --box-shadow-default:  0 4px 8px 0 rgba(0, 0, 0, 0.01), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
     --box-shadow-default-hover:  0 4px 8px 0 rgba(0, 0, 0, 0.5), 0 6px 20px 0 rgba(0, 0, 0, 0.19);

     --box-shadow-min: 0 2px 5px rgba(0, 0, 0, 0.1);
     --box-shadow-mid: 0 4px 10px rgba(0, 0, 0, 0.1);

     --box-shadow-min-hover: 0 8px 20px rgba(0, 0, 0, 0.2);
     --txt-hover-color:#111;

     --button-disabled-bg-color:rgba(114, 114, 136, 0.884);
     --button-disabled-txt-color:rgb(255, 255, 255);



     --button-cta-bg-color:#2C65C4;
     --button-cta-txt-color:white;
     --button-cta-border-color:none;


     --button-primary-bg-color:#c5fcee;
     --button-primary-txt-color:black;
     --button-primary-border-color:none;



     --button-secondary-bg-color:#7EBCE6;
     --button-secondary-txt-color:black;
     --button-secondary-border-color:none;



     --button-territory-bg-color:transparent;
     --button-territory-txt-color:#333;
     --button-territory-border-color:none;



     --corner-button-bg-color:rgba(255, 255, 255, 0.815);
     --corner-button-txt-color:black;



     --transition-time-default:0.3s ease;
/* heading */
     --heading-color: #111;

/* Link */

     --link-color: #2f4858  ;

}