/* Profile themes (profiles.THEMES). Cards and previews pick colours from these variables only. */
.pf-theme-indigo{--pf-a:#4f46e5;--pf-b:#8057ff;--pf-card:#fff;--pf-ink:#172344;--pf-muted:#5b6889;--pf-line:#e7edf8}
.pf-theme-ocean {--pf-a:#0284c7;--pf-b:#22d3ee;--pf-card:#fff;--pf-ink:#0c2a43;--pf-muted:#4f6b85;--pf-line:#dceefa}
.pf-theme-sunset{--pf-a:#f97316;--pf-b:#e11d48;--pf-card:#fff;--pf-ink:#3b1a12;--pf-muted:#7a5148;--pf-line:#fbe3d6}
.pf-theme-forest{--pf-a:#15803d;--pf-b:#0d9488;--pf-card:#fff;--pf-ink:#11291c;--pf-muted:#4b6656;--pf-line:#dcefe3}
.pf-theme-rose  {--pf-a:#db2777;--pf-b:#f472b6;--pf-card:#fff;--pf-ink:#3a1027;--pf-muted:#7d4f66;--pf-line:#f8dcea}
.pf-theme-dark  {--pf-a:#8b5cf6;--pf-b:#22d3ee;--pf-card:#111827;--pf-ink:#f1f5f9;--pf-muted:#b6c2d6;--pf-line:#263244}

.pf-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid var(--pf-line);border-radius:15px;background:var(--pf-card);color:var(--pf-ink);box-shadow:0 4px 15px #112b5708;position:relative}
.pf-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--pf-a),var(--pf-b))}
.pf-cover{aspect-ratio:4/1;width:100%;background:linear-gradient(120deg,var(--pf-a),var(--pf-b));background-size:cover;background-position:center}
.pf-body{display:flex;flex-direction:column;gap:4px;padding:0 16px 18px;margin-top:-34px}
.pf-avatar{width:68px;height:68px;border-radius:50%;border:3px solid var(--pf-card);box-shadow:0 0 0 2px var(--pf-a);object-fit:cover;background:var(--pf-card);display:grid;place-items:center;font-size:26px;font-weight:850;color:var(--pf-a)}
.pf-name{margin:6px 0 0;font-size:16px;font-weight:850;color:var(--pf-ink);word-break:break-word}
.pf-bio{margin:0;font-size:13px;line-height:1.5;color:var(--pf-muted);word-break:break-word}
.pf-tag{align-self:flex-start;margin-top:4px;padding:2px 9px;border-radius:99px;font-size:11px;font-weight:800;background:linear-gradient(90deg,var(--pf-a),var(--pf-b));color:#fff}
.pf-swatch{display:inline-block;width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--pf-a),var(--pf-b));vertical-align:middle}
/* Site dark theme: light card themes keep their accent colours but use dark surfaces */
html[data-theme="dark"] [class*="pf-theme-"]:not(.pf-theme-dark){--pf-card:var(--surface);--pf-ink:var(--text);--pf-muted:var(--text-muted);--pf-line:var(--border)}