:root {
  /* Freelance — ámbar/ocre */
  --profile-freelance-bg:   #FFF3E0;
  --profile-freelance-dot:  #C97A1A;   /* marrón-naranja, 4.7:1 sobre el bg */
  --profile-freelance-text: #3D1F08;

  /* Empresa — azul índigo */
  --profile-empresa-bg:   #EBF1FF;
  --profile-empresa-dot:  #3558C0;     /* índigo sólido, 5.1:1 sobre el bg */
  --profile-empresa-text: #1A2A52;

  /* Proveedor — violeta */
  --profile-proveedor-bg:   #F5ECFC;
  --profile-proveedor-dot:  #8B36B8;   /* violeta oscuro, 5.3:1 sobre el bg */
  --profile-proveedor-text: #3C0A55;

  /* Explorador — pizarra neutro */
  --profile-explorador-bg:   #EEEAE0;
  --profile-explorador-dot:  #2B2B42;
  --profile-explorador-text: #111111;
}

.dm-type-freelance {
  --profile-type-bg:   var(--profile-freelance-bg);
  --profile-type-dot:  var(--profile-freelance-dot);
  --profile-type-text: var(--profile-freelance-text);
}

.dm-type-empresa {
  --profile-type-bg:   var(--profile-empresa-bg);
  --profile-type-dot:  var(--profile-empresa-dot);
  --profile-type-text: var(--profile-empresa-text);
}

.dm-type-proveedor {
  --profile-type-bg:   var(--profile-proveedor-bg);
  --profile-type-dot:  var(--profile-proveedor-dot);
  --profile-type-text: var(--profile-proveedor-text);
}

.dm-type-explorador {
  --profile-type-bg:   var(--profile-explorador-bg);
  --profile-type-dot:  var(--profile-explorador-dot);
  --profile-type-text: var(--profile-explorador-text);
}

/* ── Badge pill (nombre de tipo de perfil) ─────────────────────────────── */
.dm-profile-type-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  width: fit-content;
  border: 0;
  border-radius: 999px;
  padding: 3px 10px 3px 8px;
  font-size: 11px;
  font-weight: 500;
  letter-spacing: 0.02em;
  background: var(--profile-type-bg, var(--profile-explorador-bg)) !important;
  color: var(--profile-type-text, var(--profile-explorador-text)) !important;
  white-space: nowrap;
}

.dm-profile-type-badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 999px;
  flex: 0 0 6px;
  background: var(--profile-type-dot, var(--profile-explorador-dot));
}

.dm-profile-type-badge .pro-tag {
  margin-left: 0;
  background: rgba(255,255,255,0.55);
  color: inherit;
}

/* ── Filter chip dots ──────────────────────────────────────────────────── */
.chip-dot--freelance  { background: var(--profile-freelance-dot); }
.chip-dot--empresa    { background: var(--profile-empresa-dot); }
.chip-dot--proveedor  { background: var(--profile-proveedor-dot); }
.chip-dot--explorador { background: var(--profile-explorador-dot); }

/* ── Soft tags dentro de tarjetas de perfil ───────────────────────────── */
.pcard.t-freelance .pcard-tag,
.dm-type-freelance.dm-profile-tags .tag,
.dm-type-freelance .profile-tag-soft {
  background: rgba(201,122,26,0.12) !important;
  color: var(--profile-freelance-text) !important;
}

.pcard.t-empresa .pcard-tag,
.dm-type-empresa.dm-profile-tags .tag,
.dm-type-empresa .profile-tag-soft {
  background: rgba(53,88,192,0.10) !important;
  color: var(--profile-empresa-text) !important;
}

.pcard.t-proveedor .pcard-tag,
.dm-type-proveedor.dm-profile-tags .tag,
.dm-type-proveedor .profile-tag-soft {
  background: rgba(139,54,184,0.12) !important;
  color: var(--profile-proveedor-text) !important;
}