@charset "UTF-8";
/* Mode sombre — activé par l'icône 🌙 (attribut data-mode="sombre" sur <html>, choix mémorisé sur l'appareil).
   1. Palette sombre ; 2. bases ; 3. règles générées automatiquement à partir de css/site.css
   (fonds blancs → surfaces sombres, textes noirs → clairs, bordures claires → sombres). */
html[data-mode="sombre"]{color-scheme:dark;
  --mx-ink:#FFFFFF;--mx-tx2:#A3A3A3;--mx-tx3:#8A8A8A;--mx-bd:#232323;--mx-bd2:#333333;--mx-soft:#0B0B0B;--mx-soft2:#121212;
  --bg:#050505;--bg1:#0B0B0B;--bg2:#121212;--bg3:#1A1A1A;--bg4:#232323;--surface:rgba(255,255,255,.03);--surface2:rgba(255,255,255,.06);
  --bd:#232323;--bd2:#333333;--tx:#FFFFFF;--tx2:#A3A3A3;--tx3:#8A8A8A;--gold:#FF4F18;--gold2:#A08C6C;--gold3:rgba(255,79,24,.14);
  --a9-bg:#121212;--a9-bd:1px solid #232323;--a9-blk:#1A1A1A;--a9-ok:#FFFFFF;
  --dk-bg:#050505;--dk-surface:#121212;--dk-surface2:#181818;--dk-tx:#FFFFFF;--dk-tx2:#A3A3A3;--dk-bd:#232323;--dk-line:#333333;
}
html[data-mode="sombre"],html[data-mode="sombre"] body{background-color:var(--dk-bg) !important;color:var(--dk-tx);}
html[data-mode="sombre"] input,html[data-mode="sombre"] select,html[data-mode="sombre"] textarea{background-color:var(--dk-surface2) !important;color:var(--dk-tx) !important;border-color:var(--dk-bd) !important;}
html[data-mode="sombre"] ::placeholder{color:var(--dk-tx2) !important;opacity:.8;}
html[data-mode="sombre"] .pm-wrap{color-scheme:light;color:#111827;--mx-ink:#111827;--mx-tx2:#4B5563;--mx-tx3:#6B7280;--mx-bd:#E5E7EB;--mx-bd2:#D1D5DB;--mx-soft:#F9FAFB;--mx-soft2:#F3F4F6;--bg:#FFFFFF;--bg1:#F9FAFB;--bg2:#F3F4F6;--bg3:#E5E7EB;--bg4:#D1D5DB;--surface:rgba(17,24,39,.02);--surface2:rgba(17,24,39,.04);--bd:#E5E7EB;--bd2:#D1D5DB;--tx:#111827;--tx2:#4B5563;--tx3:#6B7280;--gold:#111827;--gold2:#374151;--gold3:rgba(17,24,39,.06);--a9-bg:#fff;--a9-bd:1px solid #E5E7EB;--a9-blk:#EEF0F3;--a9-ok:#111827;}
html body #themeBtn{display:inline-flex !important;align-items:center;justify-content:center;}
html[data-mode="sombre"] img,html[data-mode="sombre"] video{filter:brightness(.92);}

/* ── animation du changement de mode ── */
::view-transition-old(root),::view-transition-new(root){animation:none;mix-blend-mode:normal;}
::view-transition-new(root){z-index:2;}
::view-transition-old(root){transform-origin:var(--mode-x,50%) var(--mode-y,50%);}
html.mode-bascule *,html.mode-bascule *::before,html.mode-bascule *::after{transition:none !important;}
.mode-tourne{display:inline-block;animation:modeTourne .9s cubic-bezier(.34,1.56,.64,1);}
@keyframes modeTourne{0%{transform:rotate(0) scale(1)}40%{transform:rotate(200deg) scale(.4)}100%{transform:rotate(360deg) scale(1)}}
@media (prefers-reduced-motion: reduce){.mode-tourne{animation:none}}

/* ── règles générées ── */
html[data-mode="sombre"][data-theme="light"] nav,html[data-mode="sombre"] [data-theme="light"] nav{background:var(--dk-surface)}
html[data-mode="sombre"] .nav-pill.gold{color:var(--dk-tx)}
html[data-mode="sombre"] .nav-pill.gold:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .nbadge{color:var(--dk-tx)}
html[data-mode="sombre"] .feat-i{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .av.accent{border-color:var(--dk-bd)}
html[data-mode="sombre"] .ai-pill{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .ai-msg{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .ai-msg::before{color:var(--dk-tx)}
html[data-mode="sombre"] .ai-card:hover{border-color:var(--dk-bd)}
html[data-mode="sombre"] .ai-badge{color:var(--dk-tx)}
html[data-mode="sombre"] .fbadge{color:var(--dk-tx)}
html[data-mode="sombre"] .del-chip.on{color:var(--dk-tx)}
html[data-mode="sombre"] .p-share-btn{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .p-share-btn:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .pay-btn:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .c-icon{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .soc:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .qb:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .admin-cert-badge{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .badge-check{color:var(--dk-tx)}
html[data-mode="sombre"] .admin-modal{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .admin-modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .af input:focus,html[data-mode="sombre"] .af textarea:focus{border-color:var(--dk-bd)}
html[data-mode="sombre"] .img-drop:hover{border-color:var(--dk-bd)}
html[data-mode="sombre"] .po.sel{border-color:var(--dk-bd)}
html[data-mode="sombre"] .detail-panel::-webkit-scrollbar-thumb{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .ss-dot{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .ss-dot.active{background:var(--dk-surface)}
html[data-mode="sombre"] .detail-close{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .detail-badge{color:var(--dk-tx)}
html[data-mode="sombre"] .detail-cart-btn:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .review-textarea:focus{border-color:var(--dk-bd)}
html[data-mode="sombre"] .review-submit{color:var(--dk-tx)}
html[data-mode="sombre"] .review-login-msg button{color:var(--dk-tx)}
html[data-mode="sombre"] .review-avatar{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .ap-hd{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .ap-body::-webkit-scrollbar-thumb{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .ap-sec-t::after{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .ap-ai-box{background:rgba(255,255,255,.05);border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .ap-ai-tag{color:var(--dk-tx)}
html[data-mode="sombre"] .ap-refresh{background:rgba(255,255,255,.05);border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .ap-refresh:hover{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .share-copy-btn{color:var(--dk-tx)}
html[data-mode="sombre"] .fab{color:var(--dk-tx)}
html[data-mode="sombre"] .lwb.primary{color:var(--dk-tx)}
html[data-mode="sombre"] .dschat-panel{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .dschat-ph{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .dschat-msg.bot .dschat-bubble{background:rgba(255,255,255,.05);border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .dschat-dots span{background:var(--dk-surface)}
html[data-mode="sombre"] .dschat-sugg button{background:rgba(255,255,255,.05);border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .dschat-sugg button:hover{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .dschat-send{color:var(--dk-tx)}
html[data-mode="sombre"] .dschat-pbuy{color:var(--dk-tx)}
html[data-mode="sombre"] .vs-card:hover{border-color:var(--dk-bd)}
html[data-mode="sombre"] .del-chip.on{color:var(--dk-tx)}
html[data-mode="sombre"] .feed-avatar{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .feed-submit{color:var(--dk-tx)}
html[data-mode="sombre"] .fp-av{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .fp-badge-admin{color:var(--dk-tx)}
html[data-mode="sombre"] .cert-btn{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .cert-btn:hover{color:var(--dk-tx)}
html[data-mode="sombre"] .smart-ai-bubble{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .smart-ai-bubble::before{color:var(--dk-tx)}
html[data-mode="sombre"] .tag::before{background:var(--dk-surface) !important}
html[data-mode="sombre"] .btn-prim,html[data-mode="sombre"] .nav-pill.gold,html[data-mode="sombre"] .feed-submit,html[data-mode="sombre"] .bn-btn,html[data-mode="sombre"] .mm-chip.acc,html[data-mode="sombre"] .f-btn.active,html[data-mode="sombre"] .chip.on,html[data-mode="sombre"] .adv-btn.on{background:var(--dk-surface) !important;color:var(--dk-tx) !important;border-color:var(--dk-bd) !important}
html[data-mode="sombre"] .nbadge,html[data-mode="sombre"] .cart-count{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] input:focus,html[data-mode="sombre"] textarea:focus,html[data-mode="sombre"] .search-input:focus{border-color:var(--dk-bd) !important}
html[data-mode="sombre"] .dschat-fab{background:var(--dk-surface) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] .site-switch{background:rgba(255,255,255,.05);border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .site-switch:hover{background:rgba(255,255,255,.05);border-color:var(--dk-bd)}
html[data-mode="sombre"],html[data-mode="sombre"] body{background:var(--dk-surface) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] h1,html[data-mode="sombre"] h2,html[data-mode="sombre"] h3,html[data-mode="sombre"] .hero-h1,html[data-mode="sombre"] .sh,html[data-mode="sombre"] .nav-logo,html[data-mode="sombre"] .f-logo,html[data-mode="sombre"] .detail-name,html[data-mode="sombre"] .pay-name{color:var(--dk-tx) !important}
html[data-mode="sombre"] .tag{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .f-col-t{color:var(--dk-tx) !important}
html[data-mode="sombre"] .hero-eyebrow{border:1px solid var(--dk-bd) !important;background:var(--dk-surface) !important;color:var(--dk-tx2) !important}
html[data-mode="sombre"] .hero-sub,html[data-mode="sombre"] .sub,html[data-mode="sombre"] p{color:var(--dk-tx2)}
html[data-mode="sombre"] nav#mainNav{background:var(--dk-surface) !important;border-bottom:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .nav-logo{color:var(--dk-tx) !important}
html[data-mode="sombre"] .nav-a{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .nav-a:hover{color:var(--dk-tx) !important}
html[data-mode="sombre"] .nav-pill,html[data-mode="sombre"] .icon-btn,html[data-mode="sombre"] .mm-btn,html[data-mode="sombre"] .site-switch,html[data-mode="sombre"] .nav-feed-btn{background:var(--dk-surface) !important;border:1px solid var(--dk-bd) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] .nav-pill *,html[data-mode="sombre"] .site-switch *,html[data-mode="sombre"] .nav-feed-btn *{color:var(--dk-tx) !important}
html[data-mode="sombre"] .site-switch .ss-ic{background:var(--dk-surface) !important}
html[data-mode="sombre"] .nbadge,html[data-mode="sombre"] .cart-count{background:var(--dk-surface) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] .btn-prim::after,html[data-mode="sombre"] .nav-pill.gold::after{background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.05) 50%,transparent 65%) !important}
html[data-mode="sombre"] .btn-sec,html[data-mode="sombre"] .btn-ghost{background:var(--dk-surface) !important;color:var(--dk-tx) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .f-btn{background:var(--dk-surface) !important;color:var(--dk-tx2) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .filters{background:var(--dk-surface) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .adv-btn,html[data-mode="sombre"] .vs-btn{background:var(--dk-surface) !important;color:var(--dk-tx) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .p-card,html[data-mode="sombre"] .pay-card,html[data-mode="sombre"] .av,html[data-mode="sombre"] .fp-card,html[data-mode="sombre"] .ai-card,html[data-mode="sombre"] .feat,html[data-mode="sombre"] .cat-count{background:var(--dk-surface) !important;border:1px solid var(--dk-bd) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] .pay-card *,html[data-mode="sombre"] .av *,html[data-mode="sombre"] .feat *{color:var(--dk-tx) !important}
html[data-mode="sombre"] .pay-desc,html[data-mode="sombre"] .av-s,html[data-mode="sombre"] .feat-t small,html[data-mode="sombre"] .p-desc{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .pay-num{color:var(--dk-tx) !important}
html[data-mode="sombre"] .pay-btn{background:var(--dk-surface) !important;color:var(--dk-tx) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .feat-i{background:var(--dk-surface) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .p-img-wrap,html[data-mode="sombre"] .p-img{background:var(--dk-surface) !important}
html[data-mode="sombre"] .p-price{color:var(--dk-tx) !important}
html[data-mode="sombre"] .hero-stats{background:var(--dk-surface) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .hero-stats *{color:var(--dk-tx) !important}
html[data-mode="sombre"] .hstat-l{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .hero-stats>*+*{border-color:var(--dk-bd) !important}
html[data-mode="sombre"] .search-wrap,html[data-mode="sombre"] .search-input{background:var(--dk-surface) !important;border:1px solid var(--dk-bd) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] input,html[data-mode="sombre"] textarea,html[data-mode="sombre"] select{color:var(--dk-tx) !important}
html[data-mode="sombre"] #cName,html[data-mode="sombre"] #cEmail,html[data-mode="sombre"] #cMsg{border-bottom-color:var(--dk-bd) !important}
html[data-mode="sombre"] .dg-row:hover{background:var(--dk-surface) !important}
html[data-mode="sombre"] .cart-panel,html[data-mode="sombre"] .detail-panel,html[data-mode="sombre"] .modal,html[data-mode="sombre"] .feed-page,html[data-mode="sombre"] .faq-panel,html[data-mode="sombre"] .mm-sheet,html[data-mode="sombre"] .lang-dd,html[data-mode="sombre"] .dschat-panel,html[data-mode="sombre"] .lang-welcome-box{background:var(--dk-surface) !important;color:var(--dk-tx) !important;border:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] .help-cluster{background:var(--dk-surface) !important;border-color:var(--dk-bd) !important}
html[data-mode="sombre"] .lang-opt.on{background:var(--dk-surface) !important;color:var(--dk-tx) !important}
html[data-mode="sombre"] footer{background:var(--dk-surface) !important;border-top:1px solid var(--dk-bd) !important}
html[data-mode="sombre"] #hero::after{background:radial-gradient(closest-side,var(--dk-surface),rgba(255,255,255,.05)) !important}
html[data-mode="sombre"] .mg-hud{color:var(--dk-tx2)}
html[data-mode="sombre"] .mg-hud b{color:var(--dk-tx)}
html[data-mode="sombre"] #ax-intro{background:var(--dk-surface) !important}
html[data-mode="sombre"] #ax-intro b{color:var(--dk-tx) !important}
html[data-mode="sombre"] #ax-intro small{color:var(--dk-tx2) !important}
html[data-mode="sombre"] #ax-badge text{fill:var(--dk-tx2) !important}
html[data-mode="sombre"] #ax-top{background:var(--dk-surface) !important;color:var(--dk-tx) !important;border-color:var(--dk-bd) !important}
html[data-mode="sombre"] #ax-top circle{stroke:var(--dk-tx) !important}
html[data-mode="sombre"] .ax-band{border-color:var(--dk-bd) !important}
html[data-mode="sombre"] .ax-band-in em{color:var(--dk-tx) !important}
html[data-mode="sombre"] .ax-ripple{color:var(--dk-tx)}
html[data-mode="sombre"] .dg-ticker{border-color:var(--dk-bd) !important;background:var(--dk-surface)}
html[data-mode="sombre"] .dg-ticker div{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .dg-ticker span{color:var(--dk-tx) !important}
html[data-mode="sombre"] .dg-idx b{color:var(--dk-tx) !important}
html[data-mode="sombre"] body .nav-a.ax-act,html[data-mode="sombre"] body .nav-a.active{color:var(--dk-tx) !important}
html[data-mode="sombre"] body nav#mainNav.nx-small{background:var(--dk-surface) !important}
html[data-mode="sombre"] .hero-h1 .nx-line>span{background-image:linear-gradient(110deg,var(--dk-tx) 0%,var(--dk-tx) 40%,#9CA3AF 50%,var(--dk-tx) 60%,var(--dk-tx) 100%) !important}
html[data-mode="sombre"] .hero-h1 .nx-line:last-child>span,html[data-mode="sombre"] .hero-h1 em{background-image:linear-gradient(110deg,#9CA3AF 0%,#9CA3AF 40%,var(--dk-tx) 50%,#9CA3AF 60%,#9CA3AF 100%) !important}
html[data-mode="sombre"] .hero-h1 em,html[data-mode="sombre"] .sh em{color:var(--dk-tx2) !important;-webkit-text-fill-color:var(--dk-tx2) !important}
html[data-mode="sombre"] .hero-h1 .nx-line:last-child>span,html[data-mode="sombre"] .hero-h1 em{background-image:linear-gradient(110deg,var(--dk-tx2) 0%,var(--dk-tx2) 40%,var(--dk-tx) 50%,var(--dk-tx2) 60%,var(--dk-tx2) 100%) !important}
html[data-mode="sombre"] .hstat-l,html[data-mode="sombre"] .mg-hud,html[data-mode="sombre"] .marquee-item,html[data-mode="sombre"] .dg-ticker div,html[data-mode="sombre"] .f-tag,html[data-mode="sombre"] .f-copy,html[data-mode="sombre"] .cat-count,html[data-mode="sombre"] .hero-eyebrow,html[data-mode="sombre"] .tag{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .dg-idx{color:var(--dk-tx2) !important}
html[data-mode="sombre"] #contact span[style*="var(--tx3)"],html[data-mode="sombre"] #contact [style*="text-transform:uppercase"]{color:var(--dk-tx2) !important}
html[data-mode="sombre"] .f-col a,html[data-mode="sombre"] .f-link,html[data-mode="sombre"] footer a{color:var(--dk-tx) !important}
html[data-mode="sombre"] footer a:hover{color:var(--dk-tx) !important}
html[data-mode="sombre"] body #ax-badge text{fill:var(--dk-tx) !important}
html[data-mode="sombre"] .pwa-bar{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .pwa-bar .go{background:var(--dk-surface);color:var(--dk-tx)}
html[data-mode="sombre"] .bn-box{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .bn-box input{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .bn-btn{background:var(--dk-surface);color:var(--dk-tx)}
html[data-mode="sombre"] .bn-btn.ghost{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .bn-bar{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .bn-bar button,html[data-mode="sombre"] .bn-bar a{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .bn-bar button.pub{background:var(--dk-surface);color:var(--dk-tx)}
html[data-mode="sombre"] .mm-btn{border:1px solid var(--dk-bd);background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .mm-sheet{border-top:1px solid var(--dk-bd)}
html[data-mode="sombre"] .mm-grab{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .mm-link{border-bottom:1px solid var(--dk-bd)}
html[data-mode="sombre"] .mm-chip{border:1px solid var(--dk-bd);background:rgba(255,255,255,.05)}
html[data-mode="sombre"] .mm-chip.acc{background:var(--dk-surface);color:var(--dk-tx)}
@media (prefers-reduced-motion:no-preference){
  html[data-mode="sombre"] .p-card::before,html[data-mode="sombre"] .pay-card::before{background:radial-gradient(260px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.05),transparent 60%)}
  html[data-mode="sombre"] #hero::after{background:radial-gradient(closest-side,rgba(255,255,255,.05),transparent)}
}
html[data-mode="sombre"] #nx-progress{background:var(--dk-surface)}
@media (prefers-reduced-motion:no-preference){
  html[data-mode="sombre"] .nav-a::after{background:var(--dk-surface)}
}
html[data-mode="sombre"] #ax-cur{background:var(--dk-surface)}
html[data-mode="sombre"] #ax-ring{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] #ax-ring.ax-big{background:rgba(255,255,255,.05);border-color:var(--dk-bd)}
html[data-mode="sombre"] #ax-ring.ax-txt{background:var(--dk-surface)}
html[data-mode="sombre"] #ax-intro i{background:rgba(255,255,255,.05)}
html[data-mode="sombre"] #ax-intro i::after{background:var(--dk-surface)}
html[data-mode="sombre"] #ax-top{border:1px solid var(--dk-bd)}
html[data-mode="sombre"] .ax-line{background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent)}
@media (prefers-reduced-motion:no-preference){
  html[data-mode="sombre"] .ax-spark{background:var(--dk-surface)}
}
@media (prefers-reduced-motion:no-preference){
  html[data-mode="sombre"] .ax-star{background:linear-gradient(90deg,rgba(255,255,255,.05),var(--dk-surface))}
  html[data-mode="sombre"] .ax-star::after{background:var(--dk-surface)}
  html[data-mode="sombre"] .ax-band{border-top:1px solid var(--dk-bd);border-bottom:1px solid var(--dk-bd)}
  html[data-mode="sombre"] #ax-ring.ax-view{background:var(--dk-surface);border-color:var(--dk-bd)}
  html[data-mode="sombre"] #ax-ring.ax-view::after{color:var(--dk-tx)}
}
@media (prefers-reduced-motion:no-preference){
  html[data-mode="sombre"] .pay-card::after{background:conic-gradient(from var(--ang,0deg),transparent 0 70%,var(--dk-surface) 80%,transparent 90%)}
  html[data-mode="sombre"] #dg-grid{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}
  html[data-mode="sombre"] .dg-idx{color:var(--dk-tx2)}
  html[data-mode="sombre"] .dg-field::after{background:var(--dk-surface)}
  html[data-mode="sombre"] .dg-row:hover{background:rgba(255,255,255,.05)}
  html[data-mode="sombre"] .av:hover{border-color:var(--dk-bd) !important}
  html[data-mode="sombre"] .feat:hover{background:rgba(255,255,255,.05)}
}
html[data-mode="sombre"] body nav#mainNav{background:var(--dk-surface) !important}
html[data-mode="sombre"] .cp-crumb{color:var(--cp-mute,var(--dk-tx2)) !important}
html[data-mode="sombre"] .cp-crumb:hover{color:var(--cp-ink,var(--dk-tx)) !important}
html[data-mode="sombre"] .cp-h1{color:var(--cp-ink,var(--dk-tx))}
html[data-mode="sombre"] .cp-h1 em{color:var(--cp-mute,var(--dk-tx2))}
html[data-mode="sombre"] .cp-count{color:var(--cp-mute,var(--dk-tx2))}
html[data-mode="sombre"] .a7-shine::before{background:linear-gradient(105deg,transparent,var(--dk-surface),transparent)}
html[data-mode="sombre"] .av:not(.accent) .av-art{color:var(--dk-tx)}
html[data-mode="sombre"] .hw-dg{color:var(--dk-tx)}
html[data-mode="sombre"] .hw-dg .hw-k{color:var(--dk-tx2)}
html[data-mode="sombre"] .hw-dg .hw-t{color:var(--dk-tx)}
html[data-mode="sombre"] .hw-dg .hw-dot{background:var(--dk-surface);border:1px solid var(--dk-bd);color:var(--dk-tx)}
html[data-mode="sombre"] .hw-dg .hw-st{color:var(--dk-tx)}
html[data-mode="sombre"] .hw-dg .hw-sd{color:var(--dk-tx2)}
html[data-mode="sombre"] .a9-sk{background:var(--a9-bg,var(--dk-surface));border:var(--a9-bd,1px solid var(--dk-bd))}
html[data-mode="sombre"] .a9-sk i{background:var(--a9-blk,var(--dk-surface))}
html[data-mode="sombre"] .a9-sk::after{background:linear-gradient(100deg,transparent 20%,var(--dk-surface) 50%,transparent 80%)}
html[data-mode="sombre"] .yt-facade:focus-visible{outline:3px solid var(--dk-bd)}
html[data-mode="sombre"] .ab-logo::after{background:linear-gradient(115deg,transparent 30%,var(--dk-surface) 48%,transparent 62%)}
html[data-mode="sombre"] ::selection{color:var(--dk-tx)}
html[data-mode="sombre"]:root body .btn-prim,html[data-mode="sombre"]:root body .nav-pill.gold,html[data-mode="sombre"]:root body .p-add,html[data-mode="sombre"]:root body .ab-btn:not(.sec),html[data-mode="sombre"]:root body .detail-cart-btn,html[data-mode="sombre"]:root body .pay-btn,html[data-mode="sombre"]:root body .suivi-form .btn-prim{color:var(--dk-tx) !important}
html[data-mode="sombre"]:root body .btn-prim *,html[data-mode="sombre"]:root body .nav-pill.gold *,html[data-mode="sombre"]:root body .p-add *,html[data-mode="sombre"]:root body .ab-btn:not(.sec) *{color:var(--dk-tx) !important}
html[data-mode="sombre"]:root body .f-btn.active,html[data-mode="sombre"]:root body .ab-tab[aria-selected="true"]{color:var(--dk-tx) !important}
html[data-mode="sombre"]:root body .ab-steps b{color:var(--dk-tx) !important}
html[data-mode="sombre"] .vg-orange .vg-vertical span{color:var(--dk-tx)}
html[data-mode="sombre"] .vg-noir::before{background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.05) 30%,transparent 45%),linear-gradient(245deg,transparent 40%,rgba(255,255,255,.05) 50%,transparent 60%),radial-gradient(ellipse at 80% 20%,rgba(255,255,255,.05) 0%,transparent 40%)}
html[data-mode="sombre"] .vg-url{border-top:1px solid var(--dk-bd)}