.badge {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 50px;  
    font-size: 12px;
    font-weight: var(--font-weight-regular);
    line-height: 1.5;
    border-radius: 5px;
  }
  
   
  .badge-blue { background-color: var(--primary-blue-500); color: var(--white); }
  .badge-blue-light { background-color: var(--primary-blue-300); color: var(--primary-blue-500); }
  
  .badge-orange { background-color: var(--accent-orange-400); color: var(--white); }
  .badge-orange-dark { background-color: var(--accent-orange-600); color: var(--white); }
  .badge-orange-light { background-color: var(--accent-orange-100); color: var(--accent-orange-600); }
  
  .badge-dark-blue { background-color: var(--primary-blue-700); color: var(--white); }
  .badge-darkest-blue { background-color: var(--primary-blue-900); color: var(--white); }