/**
 * Mode sombre — Centre d’aide Play4Geek (variables thème)
 */
html.theme-dark .p4g-faq-hub--pro,
body.theme-dark .p4g-faq-hub--pro {
    --p4g-faq-accent: var(--bg-blue, #fc5f20);
    --p4g-faq-accent-deep: var(--link-hover-color, #fc5f20);
    --p4g-faq-accent-soft: var(--theme-blue-soft, color-mix(in srgb, var(--bg-blue, #fc5f20) 16%, transparent));
    --p4g-faq-accent-border: color-mix(in srgb, var(--bg-blue, #fc5f20) 28%, transparent);
    --p4g-faq-ink: var(--text-dark, #f3f4f6);
    --p4g-faq-muted: var(--muted-text, rgba(219, 232, 255, 0.72));
    --p4g-faq-surface: var(--surface-card, rgba(15, 39, 68, 0.95));
    --p4g-faq-surface-elevated: var(--surface-panel, rgba(11, 29, 53, 0.88));
    --p4g-faq-shadow: 0 16px 44px rgba(0, 0, 0, 0.35);
    --p4g-faq-shadow-sm: 0 8px 28px rgba(0, 0, 0, 0.28);
}

html.theme-dark .p4g-faq-page .page-standard-content,
body.theme-dark .p4g-faq-page .page-standard-content {
    background: transparent;
    border-color: transparent;
}

html.theme-dark .p4g-faq-hero--pro,
body.theme-dark .p4g-faq-hero--pro {
    border-color: color-mix(in srgb, var(--bg-blue, #fc5f20) 32%, transparent);
    background: var(--theme-gradient-hero, linear-gradient(128deg, #060d18 0%, color-mix(in srgb, var(--bg-dark, #442127) 70%, #000) 40%, var(--bg-blue, #fc5f20) 100%));
}

html.theme-dark .p4g-faq-search-wrap--hero,
body.theme-dark .p4g-faq-search-wrap--hero {
    background: color-mix(in srgb, var(--surface-card, #10233f) 92%, transparent);
    border-color: var(--p4g-faq-accent-border);
}

html.theme-dark .p4g-faq-search-wrap--hero .p4g-faq-search,
body.theme-dark .p4g-faq-search-wrap--hero .p4g-faq-search {
    color: var(--p4g-faq-ink);
}

html.theme-dark .p4g-faq-readmore,
body.theme-dark .p4g-faq-readmore {
    background: var(--p4g-faq-surface);
    color: var(--p4g-faq-accent-deep);
}
