/* ====================================
   BADGE STYLING
   ==================================== */

/* Badge Styling */
.badge-primary {
  background-color: var(--primary-color);
  color: var(--text-on-primary);
}

.badge-secondary {
  background-color: var(--primary-hover);
  color: var(--text-on-primary);
}