/* RankFlow FAQ theme: dark */
body.cw-faq-style-dark .cw-faq__item {
  border:        var(--cw-faq-border-width, 1px) solid var(--cw-faq-border, #334155);
  border-radius: var(--cw-faq-radius, 8px);
  background:    var(--cw-faq-bg, #1e293b);
}

body.cw-faq-style-dark .cw-faq__item[open] {
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.3);
  background: var(--cw-faq-open-bg, var(--cw-faq-bg, #1e293b));
}

body.cw-faq-style-dark .cw-faq__question,
body.cw-faq-style-dark .cw-faq__question-text {
  color: var(--cw-faq-question, #e2e8f0);
}

body.cw-faq-style-dark .cw-faq__question, body.cw-faq-style-dark .cw-faq__question::after,
.cw-faq__question-text::after {
  color: var(--cw-faq-accent, #818cf8);
}

body.cw-faq-style-dark .cw-faq__item[open] > .cw-faq__question-text {
  border-bottom: 1px solid var(--cw-faq-border, #334155);
  color:         var(--cw-faq-open-q, #818cf8);
}

body.cw-faq-style-dark .cw-faq__answer {
  color: var(--cw-faq-text, #94a3b8);
}

body.cw-faq-style-dark .cw-faq__answer a { color: var(--cw-faq-accent, #818cf8); }



/* ═══════════════════════════════════════════════════════════════
   ADDITIONAL THEMES (elegant, neon, glass, gradient, rounded,
   newspaper, ocean, forest, corporate, retro)
   All use the same CSS variable system - theme body class picks
   the right defaults, user colour overrides still take effect.
   ═══════════════════════════════════════════════════════════════ */