body {
  --tj-color-common-white: #ffffff;
  --tj-color-common-black: #000000;

  --tj-color-heading-primary: #2f3133;
  --tj-color-text-body: #5f6368;
  --tj-color-text-body-2: #b7babf;
  --tj-color-text-body-3: #8a8f96;
  --tj-color-text-body-4: #44484d;
  --tj-color-text-body-5: rgba(255, 255, 255, 0.8);

  --tj-color-theme-primary: #9a9490;
  --tj-color-theme-bg: #efedeb;
  --tj-color-theme-bg-2: #e3dfdc;
  --tj-color-theme-bg-3: #3a3d41;
  --tj-color-theme-dark: #2f3133;
  --tj-color-theme-dark-2: #44484d;
  --tj-color-theme-dark-3: #5f6368;
  --tj-color-theme-dark-4: #8a8f96;
  --tj-color-theme-dark-5: #7e8288;

  --tj-color-red-1: #ff0000;

  --tj-color-grey-1: #f3f2f1;
  --tj-color-grey-2: #b7babf;
  --tj-color-grey-3: rgba(255, 255, 255, 0.10);

  --tj-color-border-1: #d7d2ce;
  --tj-color-border-2: #4a4d51;
  --tj-color-border-3: rgba(255, 255, 255, 0.15);
  --tj-color-border-4: rgba(255, 255, 255, 0.2);
  --tj-color-border-5: rgba(154, 148, 144, 0.15);
}

body .treatment-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

body .treatment-tag {

  background: var(--tj-color-theme-bg);
  color: var(--tj-color-theme-primary);
 
}

body .treatment-tag:hover {
  background: var(--tj-color-theme-primary);
  color: var(--tj-color-common-white);
  border-color: var(--tj-color-theme-primary);
}