/* ==========================================================================
 sombre.css — thème sombre des composants qui avaient des couleurs claires
 codées en dur (sept. 2026). Chargé après les autres feuilles.
 Généré à partir de bibliotheque.css et style.css : chaque fond pastel devient
 la même teinte à 10 % sur la surface sombre ; fond blanc → --surface-2 ;
 texte foncé fixe → --ink. Ne s'applique qu'avec data-theme="sombre".
 ========================================================================== */
[data-theme="sombre"] .bb-version-picker,[data-theme="sombre"] .bb-inline-version-picker{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-translation-column{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-search-advanced select,[data-theme="sombre"] .bb-inline-version-picker select{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-word-cloud{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-version-selectors select{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-stats-row span{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-lexicon-result{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-lexicon-links a{background:color-mix(in srgb,#f5f1e8 10%,var(--surface))}
[data-theme="sombre"] .bb-greek-token-line a{background:color-mix(in srgb,#f7f7f8 10%,var(--surface))}
[data-theme="sombre"] .bb-greek-token-line a:hover{background:color-mix(in srgb,#ece7da 10%,var(--surface))}
[data-theme="sombre"] .bb-compare-row{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-lexicon-hit,[data-theme="sombre"] .bb-resource-card{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-source-pill{background:color-mix(in srgb,#f3f5f7 10%,var(--surface))}
[data-theme="sombre"] .bb-crossref-card{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-commentary-card,[data-theme="sombre"] .bb-commentary-preview article,[data-theme="sombre"] .bb-commentary-detail{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .bb-result-summary{color:var(--ink)}
[data-theme="sombre"] .bb-recent-thumb .bb-star{background:var(--surface-2)}
[data-theme="sombre"] .bb-ref-pills span{background:var(--surface-2)}
[data-theme="sombre"] .bb-hub-badge{background:var(--surface-2)}
[data-theme="sombre"] .bb-barre-flottante .bb-icon-btn:hover{background:var(--surface-2)}
[data-theme="sombre"] .bb-visionneuse-fermer{background:var(--surface-2)}
[data-theme="sombre"] .bb-visionneuse-fermer:hover{background:var(--surface-2)}
[data-theme="sombre"] .bb-deutero-tag.green{background:color-mix(in srgb,#dcf5e4 10%,var(--surface));color:var(--ink)}
[data-theme="sombre"] .bb-deutero-tag.orange{background:color-mix(in srgb,#fde8d0 10%,var(--surface))}
[data-theme="sombre"] .bb-deutero-tag.purple{background:color-mix(in srgb,#eadcfb 10%,var(--surface))}
[data-theme="sombre"] .bb-network-node.src-openbible{background:color-mix(in srgb,#e8f6ee 10%,var(--surface));border-color:var(--border)}
[data-theme="sombre"] .bb-network-node.src-tsk{background:color-mix(in srgb,#fdf0de 10%,var(--surface));border-color:var(--border)}
[data-theme="sombre"] .bb-network-node.lvl2{background:color-mix(in srgb,#f2ecfa 10%,var(--surface));border-color:var(--border)}
[data-theme="sombre"] .bb-tool-tile .go{background:var(--surface-2)}
[data-theme="sombre"] .bb-tile-ambre{background:color-mix(in srgb,#fdf6ea 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-vert{background:color-mix(in srgb,#e8f7ee 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-bleu{background:color-mix(in srgb,#eaf0fb 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-cyan{background:color-mix(in srgb,#eaf3fd 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-turquoise{background:color-mix(in srgb,#eafcfb 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-menthe{background:color-mix(in srgb,#eafdf0 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-violet{background:color-mix(in srgb,#f1ecfa 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-mauve{background:color-mix(in srgb,#f3eafd 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-rose{background:color-mix(in srgb,#fdeef0 10%,var(--surface))}
[data-theme="sombre"] .bb-tile-corail{background:color-mix(in srgb,#fdeee0 10%,var(--surface))}
[data-theme="sombre"] .ac-badge{background:var(--surface-2)}
[data-theme="sombre"] .ac-separateur span{background:var(--surface-2)}
[data-theme="sombre"] .ac-hero .btn-sm-outline{background:var(--surface-2)}
[data-theme="sombre"] .ext-rond-btn{background:var(--surface-2)}
[data-theme="sombre"] .ext-rond-btn:hover{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .pai-historique-item.actif .pai-historique-icone{background:color-mix(in srgb,#ffffff 10%,var(--surface))}
[data-theme="sombre"] .pai-item-menu-panneau .pai-danger{color:var(--ink)}
[data-theme="sombre"] .pai-item-menu-panneau .pai-danger svg{color:var(--ink)}

/* Ajouts manuels */
/* Pastilles de filtre actives (Dictionnaire, Lexique, Récits…) : fond --ink (clair en
   thème sombre) + texte blanc = illisible. Texte de la couleur du fond de page. */
[data-theme="sombre"] .bb-filter-pills a.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}