:root {
  /* main colors*/
  --primary-color-black: #000;
  --primary-color-orange: #f48221;
  --primary-color-brown: #a25541;
  --primary-color-green: #0c7906;

  --primary-color-orange-50: rgb(244, 130, 33, 0.5);
  --primary-color-brown-50: rgb(162, 85, 65, 0.5);
  


 
}

/*based on --primary-color-brown */
.ui2-usr-hm-banner {
  background: linear-gradient(90deg, 
    rgba(220, 150, 135, 1) 0%,  /* Lighter variant */
    rgba(200, 120, 105, 1) 10%, 
    rgba(180, 100, 85, 1) 20%, 
    rgba(162, 85, 65, 1) 30%,  /* Base Color */
    rgba(140, 70, 55, 1) 50%, 
    rgba(120, 60, 50, 1) 70%, 
    rgba(100, 50, 40, 1) 85%, 
    rgba(80, 40, 30, 1) 100%  /* Darkest Variant */
  );
}
.bba-content-body-container .bba-left-nav a.nav-active-group {
  background-color: var(--primary-color-brown);
  color: #FFF !important;
  border: none;
}
.ww-vby-cntr .vw-act-by-btn {
  background-color: var(--primary-color-brown);
  color: #FFF !important;
}
table th {
  background-color: transparent;
}
.responsive-table__head {
  background-color: var(--primary-color-brown-50);
}
.add-std-blk-cntr {
  background-color: var(--primary-color-orange);;
}