/* ============================================
   PDFNoLimit — Dark Mode v3
   Classes réelles inspectées depuis l'HTML
   ============================================ */

/* ── Curtain ────────────────────────────────── */
#dm-curtain {
  position: fixed; inset: 0; z-index: 99998;
  pointer-events: none;
  background: #0f172a;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 0.4s cubic-bezier(0.7,0,0.3,1);
}
#dm-curtain.dm-enter { clip-path: inset(0 0% 0 0); }
#dm-curtain.dm-exit  { clip-path: inset(0 0 0 100%); transition: clip-path 0.4s cubic-bezier(0.7,0,0.3,1); }

/* ── Bouton — bas gauche ─────────────────────── */
#dm-toggle {
  position: fixed; bottom: 24px; left: 24px; z-index: 99997;
  width: 46px; height: 46px; border-radius: 50%; border: none;
  cursor: pointer; display: flex; align-items: center; justify-content: center;
  background: #ffffff;
  box-shadow: 0 2px 12px rgba(0,0,0,0.13), 0 0 0 1px rgba(0,0,0,0.05);
  transition: transform 0.22s cubic-bezier(0.34,1.56,0.64,1), background 0.2s, box-shadow 0.2s;
  outline: none; -webkit-tap-highlight-color: transparent; user-select: none;
}
#dm-toggle:hover  { transform: scale(1.1) rotate(15deg); box-shadow: 0 6px 20px rgba(0,0,0,0.18); }
#dm-toggle:active { transform: scale(0.92); }
#dm-toggle svg    { width: 21px; height: 21px; display: block; pointer-events: none; }
#dm-toggle.dm-hidden {
  opacity: 0; pointer-events: none;
  transform: scale(0.4) translateY(10px);
  transition: opacity 0.18s, transform 0.18s;
}
@media (max-width: 768px) {
  #dm-toggle { bottom: 16px; left: 16px; width: 40px; height: 40px; }
  #dm-toggle svg { width: 18px; height: 18px; }
}

/* ═══════════════════════════════════════════
   THÈME SOMBRE
   ═══════════════════════════════════════════ */
[data-theme="dark"] { color-scheme: dark; }
[data-theme="dark"] body { background: #0f172a !important; color: #e2e8f0 !important; }

[data-theme="dark"] #dm-toggle {
  background: #1e293b !important;
  box-shadow: 0 2px 12px rgba(0,0,0,0.5), 0 0 0 1px rgba(255,255,255,0.06);
}
[data-theme="dark"] #dm-toggle:hover { background: #334155 !important; }

/* ── Header pages standard (PAS de filter logo) */
[data-theme="dark"] header.main-header,
[data-theme="dark"] .main-header {
  background: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
}
[data-theme="dark"] .nav-link             { color: #94a3b8 !important; }
[data-theme="dark"] .nav-link:hover       { color: #f1f5f9 !important; }
[data-theme="dark"] .nav-link.active-link { color: #818cf8 !important; }

/* ── Hero ────────────────────────────────────── */
[data-theme="dark"] section.hero, [data-theme="dark"] .hero { background: #0f172a !important; }
[data-theme="dark"] .badge {
  background: #1e293b !important; border-color: #334155 !important; color: #cbd5e1 !important;
}

/* ── Tool cards (index) ──────────────────────── */
[data-theme="dark"] a.tool-card, [data-theme="dark"] .tool-card {
  background: #1e293b !important; border-color: #334155 !important;
  box-shadow: 0 4px 18px rgba(0,0,0,0.35) !important;
}
[data-theme="dark"] .tool-card:hover {
  border-color: #6366f1 !important;
  box-shadow: 0 10px 28px rgba(99,102,241,0.18) !important;
}
[data-theme="dark"] .tool-card h2 { color: #f1f5f9 !important; }
[data-theme="dark"] .tool-card p  { color: #94a3b8 !important; }

/* ── Upload view (merge / split / compress…) ─── */
[data-theme="dark"] #upload-view  { background: #0f172a !important; }
[data-theme="dark"] .main-title   { color: #f1f5f9 !important; }
[data-theme="dark"] .main-subtitle{ color: #94a3b8 !important; }
[data-theme="dark"] #drop-zone, [data-theme="dark"] .upload-zone {
  background: #1e293b !important; border-color: #475569 !important;
}
[data-theme="dark"] #drop-zone:hover, [data-theme="dark"] .upload-zone:hover { border-color: #6366f1 !important; }
[data-theme="dark"] .drop-text { color: #64748b !important; }
[data-theme="dark"] .icon-pdf, [data-theme="dark"] .icon-img { color: #6366f1 !important; }
[data-theme="dark"] .title-badge { background: #1e293b !important; color: #818cf8 !important; border-color: #334155 !important; }

/* ── Workspace (merge / split / compress…) ────── */
[data-theme="dark"] #workspace-view { background: #0f172a !important; }
[data-theme="dark"] .action-sidebar { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .sidebar-title  { color: #f1f5f9 !important; }
[data-theme="dark"] .info-box { background: #0f172a !important; border-color: #334155 !important; color: #94a3b8 !important; }
[data-theme="dark"] .group-label, [data-theme="dark"] .section-label { color: #94a3b8 !important; }
[data-theme="dark"] .settings-group { border-color: #334155 !important; }
[data-theme="dark"] .grid-container, [data-theme="dark"] .preview-container { background: #0f172a !important; }
[data-theme="dark"] .pdf-card { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .pdf-card .card-name  { color: #e2e8f0 !important; }
[data-theme="dark"] .pdf-card .card-pages { color: #64748b !important; }
[data-theme="dark"] .preview-box { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .preview-header { background: #0f172a !important; color: #94a3b8 !important; border-color: #334155 !important; }
[data-theme="dark"] #pdf-filename { color: #f1f5f9 !important; }
[data-theme="dark"] .info-badge { background: #0f172a !important; color: #94a3b8 !important; border-color: #334155 !important; }
[data-theme="dark"] #pdf-pagecount { color: #64748b !important; }

/* Tabs / range / radio */
[data-theme="dark"] .tabs { background: #0f172a !important; border-color: #334155 !important; }
[data-theme="dark"] .tab-btn { color: #94a3b8 !important; }
[data-theme="dark"] .tab-btn.active { background: #1e293b !important; color: #818cf8 !important; }
[data-theme="dark"] .range-row { background: #0f172a !important; border-color: #334155 !important; }
[data-theme="dark"] .range-row input[type="number"] { background: #1e293b !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme="dark"] .checkbox-group label, [data-theme="dark"] .radio-label { color: #cbd5e1 !important; }

/* Comp/mode cards */
[data-theme="dark"] .comp-card .comp-card-inner, [data-theme="dark"] .mode-card .mode-card-inner {
  background: #0f172a !important; border-color: #334155 !important;
}
[data-theme="dark"] .comp-card input:checked + .comp-card-inner,
[data-theme="dark"] .mode-card input:checked + .mode-card-inner {
  border-color: #6366f1 !important; background: #1a2d50 !important;
}
[data-theme="dark"] .comp-title, [data-theme="dark"] .mode-title { color: #f1f5f9 !important; }
[data-theme="dark"] .comp-desc,  [data-theme="dark"] .mode-desc  { color: #64748b !important; }

/* Segmented */
[data-theme="dark"] .segmented-control { background: #0f172a !important; border-color: #334155 !important; }
[data-theme="dark"] .segmented-control label { color: #94a3b8 !important; }
[data-theme="dark"] .segmented-control input:checked + label { background: #334155 !important; color: #f1f5f9 !important; }

/* Toggle rows */
[data-theme="dark"] .toggle-row { border-color: #334155 !important; }
[data-theme="dark"] .toggle-row strong { color: #f1f5f9 !important; }

/* Image grid */
[data-theme="dark"] .image-grid { background: #0f172a !important; }
[data-theme="dark"] .image-item { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .preview-header-area { background: #0f172a !important; border-color: #334155 !important; }
[data-theme="dark"] .preview-title { color: #cbd5e1 !important; }

/* Btns secondaires */
[data-theme="dark"] .btn-secondary, [data-theme="dark"] .btn-add-range, [data-theme="dark"] .btn-add-more {
  background: #1e293b !important; border-color: #475569 !important; color: #cbd5e1 !important;
}
[data-theme="dark"] .btn-secondary:hover, [data-theme="dark"] .btn-add-range:hover, [data-theme="dark"] .btn-add-more:hover { background: #334155 !important; }

/* SEO */
[data-theme="dark"] #seo-injected-block { color: #94a3b8 !important; }
[data-theme="dark"] #seo-injected-block h2 { color: #f1f5f9 !important; }
[data-theme="dark"] #seo-injected-block h3 { color: #e2e8f0 !important; }
[data-theme="dark"] .faq-list > div { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .faq-list h4 { color: #f1f5f9 !important; }
[data-theme="dark"] .faq-list p  { color: #94a3b8 !important; }

/* Lang / footer / loading */
[data-theme="dark"] #langSwitcher { background: #1e293b !important; border-color: #475569 !important; color: #cbd5e1 !important; }
[data-theme="dark"] footer, [data-theme="dark"] .main-footer { background: #020617 !important; color: #475569 !important; }
[data-theme="dark"] .loading-overlay { background: rgba(2,6,23,0.93) !important; }
[data-theme="dark"] .loading-card { background: #1e293b !important; border-color: #334155 !important; }
[data-theme="dark"] .loading-title { color: #f1f5f9 !important; }
[data-theme="dark"] .loading-desc  { color: #64748b !important; }
[data-theme="dark"] .progress-bar  { background: #334155 !important; }


/* ══════════════════════════════════════════════════
   ÉDITEUR PDF STUDIO — dark mode précis
   IDs réels : #start-screen, #editor-ui, #workspace
   Classes : .action-card, .desktop-toolbar, .t-btn...
   ══════════════════════════════════════════════════ */

[data-theme="dark"] body.editor-body { background: #0f172a !important; }

/* Header éditeur */
[data-theme="dark"] header.editor-header {
  background: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
}
[data-theme="dark"] header.editor-header .doc-name { color: #f1f5f9 !important; }
[data-theme="dark"] header.editor-header .close-editor { color: #94a3b8 !important; }
[data-theme="dark"] header.editor-header .close-editor:hover { color: #f87171 !important; }

/* ── Écran accueil (#start-screen) ─────────────
   NB: utilise Tailwind donc on override les utilitaires */
[data-theme="dark"] #start-screen {
  background: #0f172a !important;
}
[data-theme="dark"] #start-screen h1,
[data-theme="dark"] #start-screen .text-slate-800 { color: #f1f5f9 !important; }
[data-theme="dark"] #start-screen p,
[data-theme="dark"] #start-screen .text-slate-500 { color: #94a3b8 !important; }

/* Cards action-card */
[data-theme="dark"] .action-card {
  background: #1e293b !important;
  border: 2px dashed #475569 !important;
  color: #cbd5e1 !important;
}
[data-theme="dark"] .action-card:hover {
  border-color: #6366f1 !important;
  background: #1a2d50 !important;
}
[data-theme="dark"] .action-card h2,
[data-theme="dark"] .action-card .text-slate-800 { color: #f1f5f9 !important; }
[data-theme="dark"] .action-card p,
[data-theme="dark"] .action-card .text-slate-500 { color: #94a3b8 !important; }

/* ── Toolbar desktop ────────────────────────── */
[data-theme="dark"] .desktop-toolbar {
  background: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
  box-shadow: 0 2px 6px rgba(0,0,0,0.3) !important;
}

/* t-btn : tous les boutons outils */
[data-theme="dark"] .t-btn {
  color: #cbd5e1 !important;
  background: transparent !important;
}
[data-theme="dark"] .t-btn:hover {
  background: #334155 !important;
  color: #f1f5f9 !important;
}
[data-theme="dark"] .t-btn.active,
[data-theme="dark"] .t-btn.tool-mode-btn.active {
  background: #334155 !important;
  color: #818cf8 !important;
}

/* Selects et inputs toolbar */
[data-theme="dark"] .ui-select,
[data-theme="dark"] .ui-input {
  background: #0f172a !important;
  border-color: #475569 !important;
  color: #e2e8f0 !important;
}

/* Groupe B/I/U (bg-slate-100 Tailwind) */
[data-theme="dark"] .desktop-toolbar .bg-slate-100 {
  background: #0f172a !important;
}
[data-theme="dark"] .desktop-toolbar .bg-slate-100 button {
  color: #cbd5e1 !important;
}

/* Cercle couleur (bg-white + border) */
[data-theme="dark"] .desktop-toolbar .bg-white {
  background: #1e293b !important;
  border-color: #475569 !important;
}

/* Font info box */
[data-theme="dark"] .font-info-box { background: #0f172a !important; border-color: #334155 !important; }
[data-theme="dark"] #font-name-display   { color: #e2e8f0 !important; }
[data-theme="dark"] #font-status-display { color: #64748b !important; }

/* Tool divider */
[data-theme="dark"] .tool-divider { background: #334155 !important; }

/* Dropdown formes */
[data-theme="dark"] .ui-dropdown-menu {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] .ui-dropdown-item { color: #cbd5e1 !important; }
[data-theme="dark"] .ui-dropdown-item:hover { background: #334155 !important; color: #f1f5f9 !important; }

/* Bouton + Pagina */
[data-theme="dark"] #btn-add-page { background: #1e293b !important; color: #cbd5e1 !important; }
[data-theme="dark"] #btn-add-page .bg-slate-100 { background: #1e293b !important; }

/* ── Zone de travail principal ──────────────── */
[data-theme="dark"] main#workspace,
[data-theme="dark"] #pages-wrapper,
[data-theme="dark"] #editor-ui { background: #1a2234 !important; }

/* Page wrapper — ombre renforcée, canvas blanc préservé */
[data-theme="dark"] .page-wrapper {
  box-shadow: 0 6px 32px rgba(0,0,0,0.65) !important;
}

/* ── Mobile header ──────────────────────────── */
[data-theme="dark"] .mobile-editor-header {
  background: #1e293b !important;
  border-bottom: 1px solid #334155 !important;
}
[data-theme="dark"] .mobile-editor-header span { color: #f1f5f9 !important; }
[data-theme="dark"] .mobile-editor-header .bg-slate-100 { background: #334155 !important; color: #cbd5e1 !important; }
[data-theme="dark"] .mobile-editor-header .bg-indigo-50 { background: rgba(99,102,241,0.12) !important; }

/* ── Toolbar mobile bas ─────────────────────── */
[data-theme="dark"] .mobile-toolbar {
  background: #1e293b !important;
  border-top: 1px solid #334155 !important;
}
[data-theme="dark"] .m-btn { color: #94a3b8 !important; background: transparent !important; }
[data-theme="dark"] .m-btn.active { color: #818cf8 !important; background: #334155 !important; }

/* Toolbars propriétés mobiles */
[data-theme="dark"] .mobile-prop-toolbar {
  background: #1e293b !important;
  border-top: 1px solid #334155 !important;
}
[data-theme="dark"] .mobile-prop-toolbar .border-slate-300 { border-color: #475569 !important; }
[data-theme="dark"] .mobile-prop-toolbar .text-slate-500 { color: #64748b !important; }
[data-theme="dark"] .mobile-prop-toolbar .bg-slate-100 { background: #334155 !important; }

/* Menu formes mobile */
[data-theme="dark"] #mobile-shape-menu {
  background: #1e293b !important;
  border-color: #334155 !important;
  box-shadow: 0 -4px 30px rgba(0,0,0,0.5) !important;
}
[data-theme="dark"] #mobile-shape-menu .text-slate-400 { color: #64748b !important; }
[data-theme="dark"] #mobile-shape-menu .bg-slate-50 { background: #0f172a !important; color: #cbd5e1 !important; }

/* ── Modales ─────────────────────────────────── */
[data-theme="dark"] .modal-overlay { background: rgba(2,6,23,0.85) !important; }
[data-theme="dark"] .modal-box { background: #1e293b !important; }
[data-theme="dark"] .modal-box .border-b,
[data-theme="dark"] .modal-box .border-t { border-color: #334155 !important; }
[data-theme="dark"] .modal-box .bg-white   { background: #1e293b !important; }
[data-theme="dark"] .modal-box .bg-slate-50 { background: #0f172a !important; }
[data-theme="dark"] .modal-box h3,
[data-theme="dark"] .modal-box .text-slate-800 { color: #f1f5f9 !important; }
[data-theme="dark"] .modal-box .text-slate-500,
[data-theme="dark"] .modal-box .text-slate-400 { color: #64748b !important; }
[data-theme="dark"] .modal-box label { color: #94a3b8 !important; }
[data-theme="dark"] .modal-box .ui-input,
[data-theme="dark"] .modal-box .ui-select { background: #0f172a !important; border-color: #475569 !important; color: #e2e8f0 !important; }
[data-theme="dark"] #sig-canvas { background: #f8fafc !important; border-color: #475569 !important; }

/* Scrollbar */
[data-theme="dark"] ::-webkit-scrollbar { width: 6px; height: 6px; }
[data-theme="dark"] ::-webkit-scrollbar-track { background: #0f172a; }
[data-theme="dark"] ::-webkit-scrollbar-thumb { background: #334155; border-radius: 4px; }
[data-theme="dark"] ::-webkit-scrollbar-thumb:hover { background: #475569; }

/* Fallback texte — UNIQUEMENT pages non-éditeur */
[data-theme="dark"] body:not(.editor-body) h1,
[data-theme="dark"] body:not(.editor-body) h2,
[data-theme="dark"] body:not(.editor-body) h3,
[data-theme="dark"] body:not(.editor-body) h4 { color: #f1f5f9; }
[data-theme="dark"] body:not(.editor-body) p  { color: #94a3b8; }
[data-theme="dark"] body:not(.editor-body) strong { color: #e2e8f0; }


/* dm-fixes-v31-applied */
/* ============================================
   PDFNoLimit — Dark Mode Fixes (patch v3.1)
   Ajouter APRÈS darkmode.css dans chaque HTML
   OU simplement coller à la fin de darkmode.css
   ============================================

   PROBLÈME 1 : textes avec couleur inline (ex: style="color:#0f172a")
   → inline sans !important est battu par !important externe.
   Les règles ci-dessous overrident tous les textes noirs/sombres
   sur les pages standard (hors éditeur).

   PROBLÈME 2 : logo moche en dark mode
   → Le logo PNG transparent a "PDF"/"No" en navy foncé (#1e3264).
   Sur fond sombre ce texte disparaît.
   → brightness(2) lève les valeurs sombres sans tuer les couleurs.
*/

/* ──────────────────────────────────────────────
   FIX 1 — Logo
   brightness(2) : navy foncé → bleu médium visible
                   teal → teal vif  (couleurs préservées)
   ────────────────────────────────────────────── */
[data-theme="dark"] .logo img,
[data-theme="dark"] .logo-img,
[data-theme="dark"] header .logo img,
[data-theme="dark"] header a.logo img {
  filter: brightness(2) !important;
}

/* ──────────────────────────────────────────────
   FIX 2 — Textes inline sur pages non-éditeur
   On cible tous les éléments texte des pages
   standard. Le sélecteur body:not(.editor-body)
   protège complètement l'éditeur.
   ────────────────────────────────────────────── */

/* H1 hero + tool cards */
[data-theme="dark"] body:not(.editor-body) h1 { color: #f1f5f9 !important; }
[data-theme="dark"] body:not(.editor-body) h2 { color: #f1f5f9 !important; }
[data-theme="dark"] body:not(.editor-body) h3 { color: #e2e8f0 !important; }
[data-theme="dark"] body:not(.editor-body) h4 { color: #e2e8f0 !important; }

/* Paragraphes (inline color:#64748b ou #334155) */
[data-theme="dark"] body:not(.editor-body) p  { color: #94a3b8 !important; }

/* Strong */
[data-theme="dark"] body:not(.editor-body) strong { color: #e2e8f0 !important; }

/* Liens nav avec style inline (color:#334155) */
[data-theme="dark"] body:not(.editor-body) nav a,
[data-theme="dark"] body:not(.editor-body) header a:not(.logo) {
  color: #94a3b8 !important;
}
[data-theme="dark"] body:not(.editor-body) nav a:hover,
[data-theme="dark"] body:not(.editor-body) header a:not(.logo):hover {
  color: #f1f5f9 !important;
}

/* Le lien "Studio Éditeur" reste indigo (actif) */
[data-theme="dark"] body:not(.editor-body) nav a[style*="4f46e5"],
[data-theme="dark"] body:not(.editor-body) .nav-link.active-link {
  color: #818cf8 !important;
}

/* Badges hero (style="color:#334155") */
[data-theme="dark"] .badge span,
[data-theme="dark"] .trust-badges span { color: #cbd5e1 !important; }

/* Hero section bg (style inline : background:#f8fafc) */
[data-theme="dark"] section.hero,
[data-theme="dark"] section[style*="background: #f8fafc"],
[data-theme="dark"] section[style*="background:#f8fafc"] {
  background: #0f172a !important;
}

/* Hero separator line */
[data-theme="dark"] section.hero + *,
[data-theme="dark"] .hero + * { border-top-color: #334155 !important; }

/* ── Conserver les couleurs intentionnelles ──── */
/* "texte existant" span en indigo/violet → devient violet clair en dark */
[data-theme="dark"] .text-indigo-600 { color: #818cf8 !important; }

/* Sous-titre h2 "100% Gratuit. 100% Privé." (#4f46e5) → violet clair */
[data-theme="dark"] body:not(.editor-body) h2[style*="4f46e5"] {
  color: #a5b4fc !important;
}

/* Tool cards : h2 et p inline */
[data-theme="dark"] .tool-card h2[style],
[data-theme="dark"] a.tool-card h2 { color: #f1f5f9 !important; }
[data-theme="dark"] .tool-card p[style],
[data-theme="dark"] a.tool-card p  { color: #94a3b8 !important; }

/* ── Index page : liens nav inline spécifiques ─ */
/* Ces liens ont style="color:#334155" sans classe */
[data-theme="dark"] .nav-links a[style*="334155"],
[data-theme="dark"] .nav-links a[style*="color"] { color: #94a3b8 !important; }

/* Select lang switcher (inline bg:#f8fafc) */
[data-theme="dark"] #langSwitcher,
[data-theme="dark"] select[style*="f8fafc"] {
  background: #1e293b !important;
  border-color: #475569 !important;
  color: #cbd5e1 !important;
}

/* Footer (bg déjà sombre dans le HTML original — ok) */



/* dm-blog-v1 ==========================================
   PDFNoLimit — Dark Mode : Blog (addon)
   Couverts : index listing + articles individuels
   Inline styles overridés via attribut selector
   ===================================================== */

/* ── Body & fond général du blog ─────────────────── */
[data-theme="dark"] body { background: #0f172a !important; }

/* ── Main container ──────────────────────────────── */
[data-theme="dark"] main.blog-container { background: #0f172a !important; }

/* ── Titre de la liste "Articles Récents" ────────── */
[data-theme="dark"] .blog-title { color: #f1f5f9 !important; }

/* ── Cards listing (inline style="background:white") */
[data-theme="dark"] .blog-body a,
[data-theme="dark"] article.blog-body a {
  background: #1e293b !important;
  border-color: #334155 !important;
  color: inherit !important;
}
[data-theme="dark"] .blog-body a:hover,
[data-theme="dark"] article.blog-body a:hover {
  background: #243351 !important;
  border-color: #6366f1 !important;
}

/* Dates (inline color:#64748b) */
[data-theme="dark"] .blog-body a div,
[data-theme="dark"] .blog-body a > div { color: #64748b !important; }

/* H2 titre de chaque card (inline color:#0f172a) */
[data-theme="dark"] .blog-body h2,
[data-theme="dark"] .blog-body a h2 { color: #f1f5f9 !important; }

/* Résumé de chaque card (inline color:#475569) */
[data-theme="dark"] .blog-body p,
[data-theme="dark"] .blog-body a p { color: #94a3b8 !important; }

/* ── Page article individuelle ───────────────────── */

/* Date de l'article */
[data-theme="dark"] .blog-date { color: #64748b !important; }

/* Corps de l'article */
[data-theme="dark"] .blog-body { color: #cbd5e1 !important; }

/* Titres H2 dans l'article */
[data-theme="dark"] .blog-body h2 { color: #f1f5f9 !important; }
[data-theme="dark"] .blog-body h3 { color: #e2e8f0 !important; }

/* Liens dans le corps */
[data-theme="dark"] .blog-body a:not([style*="background"]) { color: #818cf8 !important; }

/* Bouton CTA */
[data-theme="dark"] .blog-cta {
  background: #4f46e5 !important;
  color: #ffffff !important;
}
[data-theme="dark"] .blog-cta:hover { background: #6366f1 !important; }

/* Listes */
[data-theme="dark"] .blog-body ul,
[data-theme="dark"] .blog-body ol { color: #cbd5e1 !important; }

/* strong dans les articles */
[data-theme="dark"] .blog-body strong { color: #f1f5f9 !important; }

/* ── Header blog (inline background:#ffffff) ─────── */
[data-theme="dark"] header.main-header[style*="background: #ffffff"],
[data-theme="dark"] header.main-header[style*="background:#ffffff"],
[data-theme="dark"] header.main-header[style*="background: white"] {
  background: #1e293b !important;
  border-bottom-color: #334155 !important;
}

/* Liens nav blog (pas de classe) */
[data-theme="dark"] header.main-header nav a { color: #94a3b8 !important; }
[data-theme="dark"] header.main-header nav a:hover { color: #f1f5f9 !important; }
[data-theme="dark"] header.main-header .nav-blog { color: #818cf8 !important; }