/* ==========================================================================
   SellerApp — dark theme repair layer (shared by every page).
   Load AFTER the theme file. Everything is scoped to html[data-theme="dark"],
   so light mode is untouched.
   1. refined dark tokens   2. product-UI "light islands"
   3. page surfaces that hardcode white   4. forms / overlays / states
   5. logos & imagery
   ========================================================================== */

/* ---------- 1. Dark tokens: navy canvas, lifted surfaces, visible borders ---------- */
html[data-theme="dark"]{
  color-scheme:dark;
  --bg:#0E0B2A;
  --bg-2:#15143A;
  --surface-elevated:#1A1B3C;   /* cards, menus, dialogs */
  --surface-soft:#15143A;
  --surface-muted:#23264A;
  --surface-brand:#1E2A5E;      /* pale-blue surfaces → muted blue */
  --surface-feature:#17163A;
  --input-bg:#141535;
  --nav-bg:rgba(14,11,42,0.9);
  --hover:#23264A;
  --pill-bg:#1A1B3C;
  --pill-border:#343A5C;
  --text:#F4F6FB;
  --text-2:#D3DAE8;
  --text-muted:#B4BDD2;
  --text-subtle:#9EA8C2;
  --text-disabled:#6F7896;
  --border:#2E3356;
  --border-strong:#434A72;
  --border-brand:#3A4FA8;
  --border-brand-strong:#5A73E6;
  --brand:#8FA6FF;              /* blue text/icons on navy (≈7:1) */
  --brand-hover:#B9C8FF;
  --btn-primary-bg:#3558F5;
  --btn-primary-bg-hover:#4A6BFF;
  --btn-primary-fg:#FFFFFF;
  --btn-ghost-bg:transparent;
  --btn-ghost-border:#434A72;
  --focus-ring:#8FA6FF;
  --good:#7FD4A3;
  --warn:var(--pal-golden);
  --bad:#F2A3A3;
  --shadow-card:0 0 0 1px #2E3356;
  --shadow-float:0 0 0 1px #2E3356,0 20px 44px -20px rgba(0,0,0,.6);
  --shadow-mock:0 0 0 1px #2E3356,0 40px 90px -40px rgba(0,0,0,.65);
  --shadow-shot:0 0 0 1px #2E3356,0 30px 70px -36px rgba(0,0,0,.6);
  --fg-1:var(--text);--fg-2:var(--text-2);--fg-3:var(--text-muted);--fg-4:var(--text-subtle);
  --surface:var(--surface-elevated);
}
html[data-theme="dark"] body{background:var(--bg);color:var(--text)}
html[data-theme="dark"] a{color:inherit}
html[data-theme="dark"] ::selection{background:#3558F5;color:#fff}

/* shared navbar (site-navbar.js / site-navbar-nwd.js) */
html[data-theme="dark"] .site-header,html[data-theme="dark"] .site-mobile-nav,html[data-theme="dark"] .site-nav-backdrop{
  --sn-brand:#8FA6FF;--sn-brand-hover:#B9C8FF;
  --sn-nav-bg:rgba(14,11,42,0.9);--sn-surface:#1A1B3C;--sn-surface-brand:#1E2A5E;--sn-hover:#23264A;
  --sn-bg:#1A1B3C;--sn-bg-2:#15143A;
  --sn-border:#2E3356;--sn-border-strong:#434A72;--sn-border-brand:#3A4FA8;--sn-border-brand-strong:#5A73E6;
  --sn-text:#F4F6FB;--sn-text-2:#D3DAE8;--sn-text-muted:#B4BDD2;--sn-text-subtle:#9EA8C2;
  --sn-shadow-nav:0 1px 0 #2E3356;--sn-shadow-float:0 0 0 1px #2E3356,0 20px 44px -18px rgba(0,0,0,.6);
}

/* buttons */
html[data-theme="dark"] .btn--primary{background:var(--btn-primary-bg);color:#fff}
html[data-theme="dark"] .btn--primary:hover{background:var(--btn-primary-bg-hover);color:#fff}
html[data-theme="dark"] .btn--ghost,html[data-theme="dark"] .site-btn--ghost,html[data-theme="dark"] .hero2 .btn--ghost,html[data-theme="dark"] .cop .btn{background:transparent;color:var(--text);border-color:var(--btn-ghost-border)}
html[data-theme="dark"] .btn--ghost:hover,html[data-theme="dark"] .site-btn--ghost:hover{background:var(--surface-brand);border-color:var(--border-brand-strong);color:#fff}
html[data-theme="dark"] .btn--onDark{background:#F4F6FB;color:#10092F}
html[data-theme="dark"] .link-arrow{color:var(--brand)}
html[data-theme="dark"] .eyebrow{color:var(--brand)}
html[data-theme="dark"] .grad-text{color:var(--brand)}
html[data-theme="dark"] .hl::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 14' preserveAspectRatio='none'%3E%3Cpath d='M2.5 9.6C44 4.2 104 2.8 197.5 6.4' stroke='%238FA6FF' stroke-width='3.4' fill='none' stroke-linecap='round'/%3E%3C/svg%3E")}
html[data-theme="dark"] .footer{background:#0A0822;border-top-color:var(--border)}

/* ---------- 2. Product-UI illustrations stay light, framed on the navy canvas ----------
   These are drawings of the SellerApp product (white UI, dark ink). Re-declaring the
   light tokens inside them keeps their token-driven text dark on their white cards. */
html[data-theme="dark"] :is(
  .hero2__dash,.hd,.hx,.hgx,.mock,.sol__vis,.scc,.ax-card,.ax-cop,
  .rp,.rpt,.rs-stage,.ps-stage,.an-art,.mt-stage,[data-light-island]
){
  color-scheme:light;
  --bg:#FAFAFA;--bg-2:#FAFAFA;
  --surface-elevated:#FFFFFF;--surface:#FFFFFF;--surface-soft:#FAFAFA;--surface-muted:color-mix(in oklab,#C9D6EA 45%,#FAFAFA);
  --surface-brand:color-mix(in oklab,#C9D6EA 45%,#FAFAFA);--input-bg:#FFFFFF;--hover:color-mix(in oklab,#C9D6EA 45%,#FAFAFA);
  --text:#1B1B36;--text-2:#252C3C;--text-muted:#394F49;--text-subtle:#6D708D;
  --fg-1:#1B1B36;--fg-2:#252C3C;--fg-3:#394F49;--fg-4:#6D708D;
  --border:color-mix(in oklab,#C9D6EA 55%,#FAFAFA);--border-strong:#C9D6EA;
  --border-brand:color-mix(in oklab,#1F44FF 16%,#FAFAFA);--border-brand-strong:color-mix(in oklab,#1F44FF 30%,#FAFAFA);
  --brand:#1F44FF;--brand-hover:color-mix(in oklab,#1F44FF 82%,#10092F);--btn-primary-bg:#1F44FF;
  --good:#394F49;--bad:#252C3C;--warn:#E3CA67;
  --shadow-card:0 4px 2px color-mix(in oklab,#FFFFFF 70%,#C9D6EA);
}
/* islands re-evaluate inherited ink (color is inherited as a computed value, not a token) */
html[data-theme="dark"] :is(.hero2__dash,.hd,.hx,.hgx,.mock,.sol__vis,.scc,.ax-card,.ax-cop,.rp,.rpt,.rs-stage,.ps-stage,.mt-stage,[data-light-island]){color:var(--text)}
html[data-theme="dark"] .ax-cop{background:#FFFFFF}
html[data-theme="dark"] .ax-cop__btn{background:#FFFFFF;color:#1B1B36;border-color:#C9D6EA}
html[data-theme="dark"] .mock :is(.panel__acct,.ai-card__body,.aside__name){color:#1B1B36}
html[data-theme="dark"] .mock .ai-card__body{color:#252C3C}
/* frame the islands so white panels read as intentional product cards */
html[data-theme="dark"] :is(.hero2__dash,.sol__vis,.scc){box-shadow:0 0 0 1px #2E3356,0 30px 70px -40px rgba(0,0,0,.65)}
html[data-theme="dark"] .an-bg{background:#1E2A5E}

/* ---------- 3. Page surfaces that hardcode white / light grey ---------- */
html[data-theme="dark"] :is(.chn,.csx,.cop,.caps .ms,.cs__nav,.sol__q,.out,.about,.ts,.mkts .mkt,.hp .mkt,.faq,.acc details,.card,.cscard,.feat__aside,.feat__story){
  background-color:var(--surface-elevated);
}
html[data-theme="dark"] :is(.chn,.csx,.ts,.about){background-color:transparent}
html[data-theme="dark"] .ts{border-color:var(--border)}
html[data-theme="dark"] .cop{border-color:var(--border)}
html[data-theme="dark"] .csx__f button{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--text-2)}
html[data-theme="dark"] .csx__f button[aria-pressed="true"]{background:var(--surface-brand);border-color:var(--border-brand-strong);color:#fff}
html[data-theme="dark"] .csx__arr{background:var(--surface-elevated);border-color:var(--border-strong);color:var(--text)}
html[data-theme="dark"] .csx__empty{background:var(--surface-elevated);border-color:var(--border-strong)}
html[data-theme="dark"] .csx .feat__story blockquote{color:var(--text-2)}
html[data-theme="dark"] #solutions .sol__tab,html[data-theme="dark"] .sol__tabs button{color:var(--text-2)}

/* inline-styled white/ivory panels (outside product islands) → dark surfaces.
   Panels that carry an image (a background image) are logo tiles and keep their light ground. */
html[data-theme="dark"] :not(:is(.hero2__dash,.hd,.hx,.hgx,.mock,.sol__vis,.scc,.rp,.rpt,.rs-stage,.ps-stage,.mt-stage,[data-light-island]) *):is(
  [style*="background:#fff" i],[style*="background: #fff" i],[style*="background-color:#fff" i],[style*="background-color: #fff" i],
  [style*="background:white" i],[style*="background: white" i],
  [style*="background:#FAFAFA" i],[style*="background:#FAFAFA" i],[style*="background:#F7F7FB" i],[style*="background:#FFFDEC" i],
  [style*="background:var(--pal-white)" i],[style*="background:var(--pal-light)" i],[style*="background:var(--pal-ivory)" i]
):not([style*="url\28" i]):not(.btn):not(img){
  background-color:var(--surface-elevated)!important;background-image:none!important;
}
html[data-theme="dark"] section:is([style*="background:#fff" i],[style*="background: #fff" i],[style*="background:#FAFAFA" i],[style*="background:var(--pal-light)" i]):not([style*="url\28" i]){background-color:var(--bg)!important}
/* pale-yellow callouts (color-mix of vanilla) → muted warm navy, gold edge */
html[data-theme="dark"] [style*="--pal-vanilla" i]:not(.btn){background:#231F3A!important;border-color:#5A4E2A!important}
/* inline dark ink outside islands */
html[data-theme="dark"] :not(:is(.hero2__dash,.hd,.hx,.hgx,.mock,.sol__vis,.scc,.rp,.rpt,.rs-stage,.ps-stage,.mt-stage,[data-light-island]) *):is(
  [style*="color:#10092F" i],[style*="color:#1B1B36" i],[style*="color:#252C3C" i],[style*="color:var(--pal-indigo)" i],[style*="color:var(--pal-jet)" i],[style*="color:var(--pal-amethyst)" i]
):not([style*="background" i]){color:var(--text)!important}
html[data-theme="dark"] :not(:is(.hero2__dash,.hd,.hx,.hgx,.mock,.sol__vis,.scc,[data-light-island]) *):is([style*="color:var(--pal-slate)" i],[style*="color:#6D708D" i],[style*="color:var(--pal-slate-green)" i],[style*="color:#394F49" i]){color:var(--text-muted)!important}
html[data-theme="dark"] :not(:is(.hero2__dash,.hd,.hx,.hgx,.mock,.sol__vis,.scc,[data-light-island]) *)[style*="border:1px solid #" i]:not(.btn){border-color:var(--border)!important}

/* ---------- 4. Forms, overlays, states ---------- */
html[data-theme="dark"] :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]),select,textarea){
  background-color:var(--input-bg);color:var(--text);border-color:var(--border-strong);
}
html[data-theme="dark"] :is(input,textarea)::placeholder{color:var(--text-subtle);opacity:1}
html[data-theme="dark"] :is(input,select,textarea):disabled{background-color:#121330;color:var(--text-disabled);border-color:var(--border)}
html[data-theme="dark"] :is(input,select,textarea):focus-visible{border-color:var(--border-brand-strong);outline-color:var(--focus-ring)}
html[data-theme="dark"] select option{background:#1A1B3C;color:#F4F6FB}
html[data-theme="dark"] :is(input,select,textarea)[aria-invalid="true"]{border-color:#F2A3A3}
html[data-theme="dark"] :is(dialog,[role="dialog"],[role="menu"],[role="listbox"],.modal,.popover,.tooltip,.site-mega-menu,.sn-lang__menu){background-color:var(--surface-elevated);color:var(--text);border-color:var(--border-strong)}
html[data-theme="dark"] dialog::backdrop{background:rgba(5,4,20,.7)}
html[data-theme="dark"] :is(table){color:var(--text-2)}
html[data-theme="dark"] :is(th){color:var(--text);background-color:var(--surface-muted)}
html[data-theme="dark"] :is(td,th){border-color:var(--border)}
html[data-theme="dark"] hr{border-color:var(--border)}
html[data-theme="dark"] :focus-visible{outline-color:var(--focus-ring)}

/* floating SellerApp AI assistant */
html[data-theme="dark"] .saia{--saia-bg:#1A1B3C}
html[data-theme="dark"] :is(.saia__pill,.saia__chip,.saia__tog,.saia__modal,.saia__panel){background:#1A1B3C;color:var(--text);border-color:var(--border-strong)}
html[data-theme="dark"] .saia__pill b,html[data-theme="dark"] .saia__pill strong{color:var(--text)}
html[data-theme="dark"] .saia__key{background:#23264A;color:var(--text-2)}
html[data-theme="dark"] .saia__expert{background:#1E2A5E;color:#DCE4FF}
html[data-theme="dark"] .saia__expert:hover{background:#26357A}
html[data-theme="dark"] .saia__div{background:var(--border-strong)}

/* ---------- 5. Logos & imagery (no global filters) ---------- */
html[data-theme="dark"] .site-header__logo img,html[data-theme="dark"] .header__logo img{
  filter:none;content:url("https://storage.googleapis.com/cdn_images/sa-website/p2-design/assets/sellerapp-logo-white.avif");object-fit:contain;
}
/* dark-ink marketplace/award logos sit on a small intentional neutral tile */
html[data-theme="dark"] :is(.chn li,.ts__logo,.ts__a,.mkt__logo,.tag--logo,.logo-marquee__item){
  background:#F4F6FB;border-radius:12px;padding:8px 12px;
}
html[data-theme="dark"] .ts__a{padding:10px 12px 8px}
html[data-theme="dark"] .ts__a span{color:#394F49}
html[data-theme="dark"] .tag--logo img{filter:none}
html[data-theme="dark"] .chn li{height:auto;min-height:52px}
html[data-theme="dark"] .chn__l{color:var(--text-subtle)}

/* ---------- 6. Homepage (New Website Dilip's) section-level hardcodes ---------- */
html[data-theme="dark"] .hero2{background:radial-gradient(ellipse 55% 40% at 50% 68%,rgba(227,202,103,.10),transparent 72%),radial-gradient(ellipse 80% 50% at 50% 0%,rgba(53,88,245,.18),transparent 70%),var(--bg)}
html[data-theme="dark"] .hero2__arc{background:radial-gradient(circle at 50% 30%,rgba(227,202,103,.12),rgba(227,202,103,.03) 55%,transparent 70%)}
html[data-theme="dark"] .hero2 :is(h1,.hero2__h){color:var(--text)}
html[data-theme="dark"] .hero2__sub,html[data-theme="dark"] .hero2__note span{color:var(--text-2)}
html[data-theme="dark"] .stats b,html[data-theme="dark"] .stats b *{color:var(--text)}
html[data-theme="dark"] .stats span{color:var(--text-2)}
html[data-theme="dark"] .ts__score{color:#1B1B36}
html[data-theme="dark"] .ts__r{border-color:var(--border)}
html[data-theme="dark"] .ts__r .ts__score small{color:#6D708D}
html[data-theme="dark"] .ts__r{background:#F4F6FB;border-radius:12px;padding:10px 12px}
html[data-theme="dark"] .ts__r .ts__logo{background:none;padding:0}
html[data-theme="dark"] .ts__r+.ts__r{border-left:0}
html[data-theme="dark"] .ts__rv{gap:10px}
html[data-theme="dark"] .hp :is(.fq,.fq[open],.fq__ico){background:var(--surface-elevated);border-color:var(--border)}
html[data-theme="dark"] .hp .fq[open]{border-color:var(--border-brand-strong)}
html[data-theme="dark"] .hp .fq summary,html[data-theme="dark"] .hp .fq summary span{color:var(--text)}
html[data-theme="dark"] .hp .fq__a :is(p,li){color:var(--text-2)}
html[data-theme="dark"] .hp .fq[open] .fq__ico{background:var(--btn-primary-bg);color:#fff}
html[data-theme="dark"] .hp .footer{background:#0A0822;color:var(--text);border-top-color:var(--border)}
html[data-theme="dark"] .hp .footer :is(h4,.footer__cta){color:var(--text)}
html[data-theme="dark"] .hp .footer :is(.footer__mission,.footer__p,.footer__nav a){color:var(--text-muted)}
html[data-theme="dark"] .hp .footer__nav a:hover{color:#fff}
html[data-theme="dark"] .hp .footer__legal,html[data-theme="dark"] .hp .footer__legal a{color:var(--text-subtle);border-color:var(--border)}
html[data-theme="dark"] .hp .footer__logo img{content:url("https://storage.googleapis.com/cdn_images/sa-website/p2-design/assets/sellerapp-logo-white.avif");filter:none}
html[data-theme="dark"] .hp .socials a,html[data-theme="dark"] .hp .socials a *{color:var(--text-2)!important}
html[data-theme="dark"] .hp .socials a{background:#1A1B3C!important;border-color:var(--border-strong)!important}
html[data-theme="dark"] .hp .socials a:hover{color:#fff;border-color:var(--border-brand-strong)}
html[data-theme="dark"] .hp .mkt{background:var(--surface-elevated);border-color:var(--border)}
html[data-theme="dark"] .hp .mkt b{color:var(--text)}
html[data-theme="dark"] .hp .mkt__logo{padding:0;background:#F4F6FB}
html[data-theme="dark"] .hp .mkt__logo--plus{background:#23264A;color:var(--text-2)}
html[data-theme="dark"] .hp .mkt__logo--plus .ms,html[data-theme="dark"] .chx .mkt__logo--plus .ms{color:var(--text-2)}
html[data-theme="dark"] .hp .proofline{color:var(--text-2)}
html[data-theme="dark"] .hp .proofline b{color:var(--text)}
html[data-theme="dark"] .hp .proofline .ms{color:var(--text-subtle)}
html[data-theme="dark"] :is(.csx__arr,.cs-arrow) .ms,html[data-theme="dark"] .csx .cs-arrow{color:var(--text)}
html[data-theme="dark"] .csx .cs-arrow{background:var(--surface-elevated);border-color:var(--border-strong)}
html[data-theme="dark"] .sol__tabs button,html[data-theme="dark"] #solutions .sol__tabs button{background:var(--surface-elevated);border-color:var(--border);color:var(--text-2)}
html[data-theme="dark"] .sol__tabs button:hover,html[data-theme="dark"] #solutions .sol__tabs button:hover{color:var(--text)}
html[data-theme="dark"] #solutions .sol__tabs button[aria-selected="true"],html[data-theme="dark"] .sol__tabs button[aria-selected="true"]{background:color-mix(in oklab,var(--c,#3558F5) 24%,#1A1B3C)!important;border-color:color-mix(in oklab,var(--c,#3558F5) 70%,#1A1B3C)!important;color:#fff!important}
html[data-theme="dark"] #solutions .sol__tabs button .ms{color:color-mix(in oklab,var(--c) 55%,#fff)}
html[data-theme="dark"] .saia .saia__tog{background:#1A1B3C;border-color:var(--border-strong);color:var(--text-2)}
html[data-theme="dark"] .saia .saia__tog:hover{color:#fff;border-color:var(--border-brand-strong)}
html[data-theme="dark"] .hp .outcome{background:var(--surface-elevated);border-color:var(--border)}
html[data-theme="dark"] .hp .outcome__art{border-color:var(--border)}
html[data-theme="dark"] .caps .ms{background:#1E2A5E;color:#DCE4FF}
html[data-theme="dark"] .chn{background:transparent}
/* theme switch: no long colour transitions leaving half-themed states */
html.theme-anim *,html.theme-anim *::before,html.theme-anim *::after{transition-duration:0s!important}
html[data-theme="dark"] .mock .plat__cur,html[data-theme="dark"] .mock .plat__cur *{color:#fff}

/* AI Copilot (ax) section */
html[data-theme="dark"] .ax{background:linear-gradient(180deg,var(--bg) 0%,#1A1733 14%,#1A1733 86%,var(--bg) 100%)}
html[data-theme="dark"] .ax__hd h2,html[data-theme="dark"] .ax__hd h2 *{color:var(--text)}
html[data-theme="dark"] .ax__p{color:var(--text-2)}
html[data-theme="dark"] .ax__eb{color:var(--brand)}
html[data-theme="dark"] .ax-caps li>.ms{background:#1E2A5E;color:#DCE4FF;border:1px solid #3A4FA8}
html[data-theme="dark"] .ax-caps li>.ms.y{color:var(--pal-golden)}
html[data-theme="dark"] .ax-caps b{color:var(--text)}
html[data-theme="dark"] .ax-caps div>span{color:var(--text-muted)}
html[data-theme="dark"] .ax-caps li,html[data-theme="dark"] .ax-caps__line{border-color:var(--border)}
html[data-theme="dark"] .ax-caps__line{background:var(--border)}
html[data-theme="dark"] .ax-card,html[data-theme="dark"] .ax-cop{box-shadow:0 0 0 1px #2E3356,0 24px 50px -30px rgba(0,0,0,.6)}
html[data-theme="dark"] .ax-step i{background:rgba(255,255,255,.12)}
html[data-theme="dark"] .ax-step,html[data-theme="dark"] .ax__note{color:var(--text-subtle)}
html[data-theme="dark"] .ax-node,html[data-theme="dark"] .ax-node .ms{color:#1B1B36}
html[data-theme="dark"] .ax-node{background:#F3E6A0;border-color:#E3CA67}
html[data-theme="dark"] .ts__aw{gap:12px!important}
html[data-theme="dark"] .ts__aw .ts__a{width:100%!important;box-sizing:border-box;align-self:stretch;height:100%;padding:14px 12px 12px}
html[data-theme="dark"] .ts__aw .ts__a span{width:auto!important}
html[data-theme="dark"] .site-header__logo img,html[data-theme="dark"] .site-mobile-nav img[src*="wordmark-dark"]{content:url("https://storage.googleapis.com/cdn_images/sa-website/p2-design/assets/sellerapp-logo-white.avif")!important;filter:none!important;opacity:1!important}

/* logo strips: soft dark tiles instead of hard white; dark-ink marks shown as white monochrome */
html[data-theme="dark"] :is(.ts__r,.ts__aw .ts__a,.chn li){background:rgba(255,255,255,.035)!important;border:1px solid var(--border)!important;box-shadow:none}
html[data-theme="dark"] .ts__r .ts__logo{background:none!important}
html[data-theme="dark"] :is(.ts__logo img,.chn li img,.ts__a img[src*="google-cloud"]){filter:brightness(0) invert(1);opacity:.92}
html[data-theme="dark"] .ts__score{color:var(--text)!important}
html[data-theme="dark"] .ts__r .ts__score small{color:var(--text-subtle)!important}
html[data-theme="dark"] .ts__a span{color:var(--text-2)!important}
html[data-theme="dark"] .ts__a img[src*="smbhav"]{filter:drop-shadow(0 0 1px rgba(255,255,255,.35)) brightness(1.25)}

/* Footer wordmark: always pure white in dark mode (DS rule, all pages) */
html[data-theme="dark"] .saf__wm .wm-d,html[data-theme="dark"] .footer__logo img,html[data-theme="dark"] .footer__wm img,html[data-theme="dark"] [data-sa-wordmark]{filter:brightness(0) invert(1)!important}

/* Logo marquee (all pages): no tiles in dark mode; logos rendered white. Works for logos with embedded white backgrounds (invert + screen drops the bg). */
html[data-theme="dark"] .logo-marquee .logo-marquee__item{background:transparent!important;padding:0!important;border-radius:0!important;box-shadow:none!important}
html[data-theme="dark"] .logo-marquee .logo-marquee__item img{filter:grayscale(1) invert(1) brightness(3)!important;mix-blend-mode:screen;opacity:.9}
html[data-theme="dark"] .logo-marquee,html[data-theme="dark"] .logo-marquee .logo-marquee__track{background:var(--bg)}
html[data-theme="dark"] :is(.lp-grey,[class*="grey"]) :is(.logo-marquee,.logo-marquee .logo-marquee__track){background:var(--bg-2)}

/* IMAGE PREPARATION / transparent illustrations (*-t.avif, real alpha channel — see design system).
   They sit directly on the section surface in both themes: no white plate, padding, blend or filter on the image,
   and no white backdrop on the figure/shot wrapper that holds it. */
html[data-theme="dark"] img:is([src*="-t.webp"],[src*="-t.avif"]){background:transparent!important;padding:0!important;box-shadow:none!important;mix-blend-mode:normal!important;filter:none!important;border-radius:0!important}
html[data-theme="dark"] :is(figure,[class*="art"],[class*="shot"],[class*="media"],[class*="fig"]):has(> img:is([src*="-t.webp"],[src*="-t.avif"])){background:transparent!important;border-color:transparent!important;box-shadow:none!important}