/**
 * Medical Tokens — MB4.5 Task 4.5.7
 * Extends (does not modify) themes/tokens.css + themes/dark.css + themes/light.css.
 * Loaded AFTER them so these variables cascade.
 */

:root {
  /* ── Persona colors (playbook-derived) ───────────────────────────── */
  --persona-anxious:            #3b82f6;
  --persona-anxious-bg:         rgba(59, 130, 246, 0.1);
  --persona-price:              #f59e0b;
  --persona-price-bg:           rgba(245, 158, 11, 0.1);
  --persona-skeptic:            #6b7280;
  --persona-skeptic-bg:         rgba(107, 114, 128, 0.1);
  --persona-procrastinator:     #8b5cf6;
  --persona-procrastinator-bg:  rgba(139, 92, 246, 0.1);

  /* ── Call-Flow stage colors ──────────────────────────────────────── */
  --stage-opening:              #e5e7eb;
  --stage-qualification:        #93c5fd;
  --stage-emotional:            #fca5a5;
  --stage-pitch:                #fde68a;
  --stage-close:                #86efac;

  /* ── Medical alerts ──────────────────────────────────────────────── */
  --medical-emergency:          #dc2626;
  --medical-emergency-bg:       rgba(220, 38, 38, 0.1);
  --medical-redline:            #f59e0b;
  --medical-redline-bg:         rgba(245, 158, 11, 0.1);
  --medical-followup:           #3b82f6;
  --medical-followup-bg:        rgba(59, 130, 246, 0.1);

  /* ── Booking feedback ────────────────────────────────────────────── */
  --booking-success:            #10b981;
  --booking-success-bg:         rgba(16, 185, 129, 0.1);
  --booking-declined:           #6b7280;
  --booking-declined-bg:        rgba(107, 114, 128, 0.1);
  --booking-followup:           #8b5cf6;
  --booking-followup-bg:        rgba(139, 92, 246, 0.1);

  /* ── Specialty accent colors (for badges / dots) ─────────────────── */
  --specialty-dental:           #06b6d4;
  --specialty-gyn:              #ec4899;
  --specialty-ivf:              #a855f7;
  --specialty-surgery:          #ef4444;
  --specialty-ophthalmology:    #14b8a6;
  --specialty-ortho:            #f97316;
  --specialty-plastic:          #d946ef;
  --specialty-bariatric:        #eab308;
  --specialty-oncology:         #7c3aed;
  --specialty-dermatology:      #22c55e;
}

/* Dark-mode refinements */
[data-theme="dark"] {
  --persona-anxious:            #60a5fa;
  --persona-price:              #fbbf24;
  --persona-skeptic:            #9ca3af;
  --persona-procrastinator:     #a78bfa;
  --stage-opening:              #374151;
  --stage-qualification:        #60a5fa;
  --stage-emotional:            #f87171;
  --stage-pitch:                #fcd34d;
  --stage-close:                #4ade80;
  --medical-emergency:          #f87171;
  --medical-emergency-bg:       rgba(248, 113, 113, 0.14);
  --medical-redline:            #fbbf24;
  --medical-redline-bg:         rgba(251, 191, 36, 0.14);
  --booking-success:            #4ade80;
  --booking-success-bg:         rgba(74, 222, 128, 0.14);
}

/* Specialty badge utility class */
.specialty-badge {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 3px 10px;
  border-radius: 999px;
  font-size: 11px;
  font-weight: 700;
  background: rgba(245, 158, 11, 0.14);
  color: var(--specialty-dental, #F59E0B);
  border: 1px solid currentColor;
}
.specialty-badge[data-specialty="dental"]        { color: var(--specialty-dental); }
.specialty-badge[data-specialty="gyn"]           { color: var(--specialty-gyn); }
.specialty-badge[data-specialty="ivf"]           { color: var(--specialty-ivf); }
.specialty-badge[data-specialty="surgery"]       { color: var(--specialty-surgery); }
.specialty-badge[data-specialty="ophthalmology"] { color: var(--specialty-ophthalmology); }
.specialty-badge[data-specialty="ortho"]         { color: var(--specialty-ortho); }
.specialty-badge[data-specialty="plastic"]       { color: var(--specialty-plastic); }
.specialty-badge[data-specialty="bariatric"]     { color: var(--specialty-bariatric); }
.specialty-badge[data-specialty="oncology"]      { color: var(--specialty-oncology); }
.specialty-badge[data-specialty="dermatology"]   { color: var(--specialty-dermatology); }

/* Persona chip utility */
.persona-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 4px 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
.persona-chip[data-persona="anxious"]         { background: var(--persona-anxious-bg); color: var(--persona-anxious); }
.persona-chip[data-persona="price"]           { background: var(--persona-price-bg); color: var(--persona-price); }
.persona-chip[data-persona="skeptic"]         { background: var(--persona-skeptic-bg); color: var(--persona-skeptic); }
.persona-chip[data-persona="procrastinator"]  { background: var(--persona-procrastinator-bg); color: var(--persona-procrastinator); }