body.huanju-purple-theme {
  --primary: #9b22ed;
  --primary-hover: #b247f5;
  --primary-light: #28103e;
  --dark: #f7f0ff;
  --slate-800: #eee2ff;
  --slate-600: #c9b6e3;
  --slate-400: #a28cbf;
  --slate-100: #211332;
  --slate-50: #170c26;
  --border: rgba(208, 173, 245, .16);
  color: #f5edff;
  background: #10081f;
}

.huanju-purple-theme .site-header {
  color: #f5edff;
  background: rgba(16, 8, 31, .94);
  border-color: rgba(208, 173, 245, .16);
}
.huanju-purple-theme .header-brand,
.huanju-purple-theme .nav-links a,
.huanju-purple-theme .lang-btn,
.huanju-purple-theme .header-actions .btn-outline,
.huanju-purple-theme .mobile-nav-toggle { color: #f5edff; }
.huanju-purple-theme .lang-btn,
.huanju-purple-theme .header-actions .btn-outline,
.huanju-purple-theme .nav-sub-menu,
.huanju-purple-theme .lang-dropdown { background: #1b102b; border-color: var(--border); }
.huanju-purple-theme .nav-sub-menu a,
.huanju-purple-theme .lang-item { color: #eee2ff; }
.huanju-purple-theme .nav-sub-menu a:hover,
.huanju-purple-theme .lang-item:hover { background: #2a1640; }
.huanju-purple-theme main { color: #f5edff; background: #10081f; }
.huanju-purple-theme .hero-sec {
  color: #fff;
  background: radial-gradient(ellipse at 80% 10%, rgba(121, 25, 191, .4), transparent 55%), #10081f;
}
.huanju-purple-theme .hero-title,
.huanju-purple-theme h1,
.huanju-purple-theme h2,
.huanju-purple-theme h3,
.huanju-purple-theme .card-title { color: #fbf7ff !important; }
.huanju-purple-theme .hero-subtitle,
.huanju-purple-theme p,
.huanju-purple-theme .card-desc { color: #d2c2e7; }
.huanju-purple-theme .hero-badge,
.huanju-purple-theme .card-badge {
  color: #e4bdff;
  background: rgba(143, 32, 220, .16);
  border-color: rgba(180, 83, 255, .38);
}
.huanju-purple-theme .card,
.huanju-purple-theme .article-card,
.huanju-purple-theme .quote-card,
.huanju-purple-theme .faq-item {
  color: #f5edff;
  background: #1a0f2a;
  border-color: var(--border);
  box-shadow: 0 12px 32px rgba(0, 0, 0, .18);
}
.huanju-purple-theme .btn-outline {
  color: #eee2ff;
  background: #1b102b;
  border-color: var(--border);
}
.huanju-purple-theme input,
.huanju-purple-theme select,
.huanju-purple-theme textarea {
  color: #f5edff;
  background: #1a0f2a;
  border-color: var(--border);
}
.huanju-purple-theme input::placeholder,
.huanju-purple-theme textarea::placeholder { color: #9f8bb8; }
.huanju-purple-theme footer,
.huanju-purple-theme .site-footer {
  color: #d2c2e7;
  background: #0b0615;
  border-color: var(--border);
}
.huanju-purple-theme .mobile-action-bar {
  color: #f5edff;
  background: rgba(20, 10, 34, .97);
  border-color: var(--border);
}

/* Dynamic article pages use the same dark purple palette as the static site. */
.huanju-purple-theme .container-reading { color: #e9def6; }
.huanju-purple-theme .container-reading > div:first-child {
  color: #c9b6e3 !important;
  background: #10081f !important;
  border-color: var(--border) !important;
}
.huanju-purple-theme .container-reading > div:first-child span { color: #f5edff !important; }
.huanju-purple-theme .container-reading > div[style*="border-left"] {
  color: #d2c2e7 !important;
  background: #1a0f2a !important;
}
.huanju-purple-theme .container-reading > div[style*="font-size:16.5px"] { color: #e9def6 !important; }
.huanju-purple-theme .container-reading > div[style*="border-top"] { color: #c9b6e3 !important; }
.huanju-purple-theme .container-reading a { color: #d8aaff; }
.huanju-purple-theme .container-reading img { border-color: var(--border) !important; }
.huanju-purple-theme .container-reading .ve-editable-section > div { border-color: var(--border) !important; }
.huanju-purple-theme .container-reading .ve-editable-section > div span,
.huanju-purple-theme .container-reading .ve-editable-section > div { color: #c9b6e3 !important; }

@media (max-width: 768px) {
  .huanju-purple-theme .nav-links { background: #160c24; border-color: var(--border); }
}
