@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,500;700&family=Source+Sans+3:wght@400;600;700&display=swap');

.theme-therapy {
  --primary: #7c3aed;
  --secondary: #a78bfa;
  --tertiary: #5b21b6;
  --primary-text: #fff;
  --ink: #3b2f4a;
  --muted: #6b5f7a;
  --line: #e9e0f5;
  --panel: #fff;
  --page-bg: linear-gradient(180deg, #faf5ff 0%, #f3e8ff 45%, #ede9fe 100%);
  --workspace-bg: rgba(255,255,255,.55);
  --stage-bg:
    radial-gradient(circle at 20% 20%, rgba(167,139,250,.25), transparent 40%),
    radial-gradient(circle at 80% 70%, rgba(124,58,237,.12), transparent 35%),
    linear-gradient(180deg, #faf5ff, #f5f0ff);
  --stage-pad: 32px;
  --frame-bg: #f5f0ff;
  --frame-border: 2px solid rgba(124,58,237,.2);
  --caption-bg: rgba(255,255,255,.75);
  --card-bg: rgba(255,255,255,.92);
  --detail-bg: #faf5ff;
  --detail-border: #e9d5ff;
  --bubble-bg: rgba(255,255,255,.95);
  --user-bubble-bg: #ede9fe;
  --composer-bg: rgba(255,255,255,.95);
  --input-bg: #fff;
  --source-bg: #f3e8ff;
  --source-border: #e9d5ff;
  --user-chip-bg: #ede9fe;
  --radius-sm: 14px;
  --radius-md: 20px;
  --radius-lg: 24px;
  --radius-pill: 999px;
  --chip-radius: 50%;
  --bubble-radius: 18px;
  --signal-radius: 50%;
  --signal-bg: linear-gradient(135deg, #a78bfa, #7c3aed);
  --heading-track: -.01em;
  --topbar-weight: 500;
  --portrait-filter: drop-shadow(0 28px 48px rgba(124,58,237,.18));
  --shadow: 0 16px 48px rgba(91,33,182,.08);
}

.theme-therapy .vertical-pill {
  background: #ede9fe;
  color: #6d28d9;
}

.theme-therapy .caption h1 { color: #4c1d95; }

.theme-therapy .stage {
  border-right-color: #e9d5ff;
}

.theme-therapy .lead-card,
.theme-therapy .composer,
.theme-therapy .bubble {
  box-shadow: 0 8px 30px rgba(124,58,237,.06);
}

.theme-therapy .suggestions button {
  border-radius: 999px;
  background: #faf5ff;
  border-color: #e9d5ff;
}

.theme-therapy .suggestions button:hover {
  background: #f3e8ff;
}