.light {
   --vb-color-bg: #F5F6F7;
  --vb-secondary-color-bg:#f5f3f3; 
  --vb-color-primary: #1A355B;
  --vb-color-secondary: #ABA273;
  --vb-color-on-primary:  #ffffff;
  --vb-color-text-primary: #3e3e3e;
  --vb-color-text-secondary: #ABA273;
  --vb-color-border: #f3f3f3;
  --vb-box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
  --vb-box-shadow-light: 0 1px 2px 0 rgb(0 0 0 / 0.05);

  --vb-nav-bg-color: #ffffff;
  --vb-nav-border-color: #F5F6F7;
  --vb-nav-text-color: #1a355b;
  --vb-nav-text-hover-color: #ffffff;
 --vb-nav-org-selector-bg-color: #ffffff;
  --vb-card-bg: #ffffff;
  --vb-alternate-section-bg:#ffffff;
  --vb-nav-admin-menu-color: #1a355b;
 --app-gray-text-color: #787f84;
 --app-gray-accent: #f4f4f4; 
  --vb-default-border-radius: 10px;
}