:root {
  --ui5-leftnav-bg: #ffffff;
  --ui5-leftnav-border: #edf1f5;
  --ui5-leftnav-text: #4e5969;
  --ui5-leftnav-text-hover: #11966D;
  --ui5-leftnav-text-active: #13A87B;
  --ui5-leftnav-item-hover-bg: transparent;
  --ui5-leftnav-item-active-bg: #f3f5f7;
  --ui5-leftnav-item-expanded-bg: transparent;
  --ui5-leftnav-submenu-bg: #ffffff;
  --ui5-leftnav-submenu-item-bg: #ffffff;
  --ui5-leftnav-submenu-item-hover-bg: transparent;
  --ui5-leftnav-submenu-item-active-bg: #f3f5f7;
  --ui5-leftnav-arrow-filter: none;
  --ui5-leftnav-icon-hover-filter: none;
  --ui5-leftnav-icon-active-filter: none;
  --ui5-leftnav-scrollbar-color: #b8c2cc;
  --ui5-leftnav-scrollbar-rail-color: rgba(0, 0, 0, 0);
  --ui5-leftnav-scrollbar-width: 8px;
  --ui5-leftnav-scrollbar-radius: 8px;
  --ui5-button-color : #13A87B;
  --ui5-button-color-hover : #11966D;
  --ui5-text-title : #13A87B;
  --demo : #FOF4F2;


}