/* FAQ — remplace l'orange legacy par le thème violet */
.faq-page .faq-hero {
  background:
    radial-gradient(900px 420px at 15% -5%, rgba(155, 140, 248, 0.12), transparent 60%),
    radial-gradient(600px 300px at 85% 0%, rgba(107, 92, 231, 0.08), transparent 55%),
    linear-gradient(180deg, rgba(155, 140, 248, 0.03) 0%, transparent 28%) !important;
}

.faq-page .faq-hero-inner {
  border-bottom-color: rgba(155, 140, 248, 0.12) !important;
}

.faq-page .faq-back:hover {
  border-color: rgba(155, 140, 248, 0.45) !important;
  background: rgba(155, 140, 248, 0.08) !important;
}

.faq-page .faq-kicker-dot {
  background: var(--accent) !important;
  box-shadow: 0 0 10px var(--accent-glow) !important;
}

.faq-page .faq-hero-title span {
  color: var(--accent-bright) !important;
  text-shadow: none !important;
}

.faq-page .faq-search:focus-within {
  border-color: rgba(155, 140, 248, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(155, 140, 248, 0.12) !important;
}

.faq-page .faq-stat strong {
  color: var(--accent-bright) !important;
}

.faq-page .faq-card-title span {
  color: var(--accent-bright) !important;
}

.faq-page .faq-discord-btn {
  background: linear-gradient(135deg, var(--accent-deep, #6b5ce7), var(--accent)) !important;
  box-shadow: 0 8px 24px var(--accent-glow) !important;
}

.faq-page .faq-discord-btn:hover {
  box-shadow: 0 12px 28px rgba(155, 140, 248, 0.38) !important;
}

.faq-page .faq-ask-btn {
  background: linear-gradient(135deg, var(--accent), var(--accent-bright)) !important;
  box-shadow: 0 8px 24px var(--accent-glow) !important;
}

.faq-page .faq-ask-btn:hover {
  box-shadow: 0 12px 28px rgba(155, 140, 248, 0.38) !important;
}

.faq-page .faq-cat-btn.active {
  border-color: rgba(155, 140, 248, 0.55) !important;
  background: rgba(155, 140, 248, 0.14) !important;
  color: var(--accent-bright) !important;
}

.faq-page .faq-cat-btn:hover {
  border-color: rgba(155, 140, 248, 0.35) !important;
  background: rgba(155, 140, 248, 0.08) !important;
}

.faq-page .faq-item.open {
  border-color: rgba(155, 140, 248, 0.22) !important;
  background: rgba(155, 140, 248, 0.03) !important;
}

.faq-page .faq-item.open .faq-question {
  border-color: rgba(155, 140, 248, 0.45) !important;
  background: linear-gradient(135deg, rgba(155, 140, 248, 0.08), rgba(255, 255, 255, 0.02)) !important;
}

.faq-page .faq-q-tag {
  background: rgba(155, 140, 248, 0.12) !important;
  border-color: rgba(155, 140, 248, 0.25) !important;
  color: var(--accent-bright) !important;
}

.faq-page .faq-q-icon {
  background: rgba(155, 140, 248, 0.12) !important;
  border-color: rgba(155, 140, 248, 0.25) !important;
  color: var(--accent-bright) !important;
}

.faq-page .faq-item.open .faq-icon-ring {
  background: rgba(155, 140, 248, 0.18) !important;
  border-color: rgba(155, 140, 248, 0.45) !important;
}

.faq-page .faq-item.open .faq-icon-ring svg {
  stroke: var(--accent-bright) !important;
}

.faq-page .faq-answer-inner a {
  color: var(--accent-bright) !important;
}

.faq-page .faq-no-results {
  border-color: rgba(155, 140, 248, 0.25) !important;
  background: rgba(155, 140, 248, 0.04) !important;
}

.faq-page .faq-no-results-icon {
  background: rgba(155, 140, 248, 0.12) !important;
  border-color: rgba(155, 140, 248, 0.25) !important;
  color: var(--accent-bright) !important;
}

/* Variables manquantes pour FAQ — voir styles.css :root */