/* Night families use the same semantic roles without light-surface assumptions. */
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]){color-scheme:dark;--workspace-base:var(--surface-panel)}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) #app .product-workspace :is(.panel,.card,.board-detail,.job-detail,.job-result,.job-browser,.board-search,.workspace-main,.workspace-content,.content,.room-writing,.focus-card,.scout-panel,.tracker-card,.job-card,.section-editor,.entry-edit,.studio-tools,.studio-section){background:var(--surface-panel)!important;color:var(--content-primary)!important;border-color:var(--border-subtle)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) :is(#app,dialog) :is(input,textarea,select){background:var(--surface-panel)!important;color:var(--content-primary)!important;border-color:var(--border-control)!important}
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]) dialog{background:var(--surface-panel)!important;color:var(--content-primary)!important;border-color:var(--border-subtle)!important}
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]) :is(.companion-picker button,.practice-choices button,.creature-theme-preview){background:var(--surface-panel)!important;color:var(--content-primary)!important;border-color:var(--border-subtle)!important}
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]) :is(.btn.green,.btn.black,.btn.pink){background:var(--action-primary)!important;color:var(--content-on-action)!important}
/* Exported document paper remains light and uses its own ink. */
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]) :is(.document-page,.studio-paper,.sample-paper,.studio-template-thumb){color-scheme:light;background:#fff!important;color:#243C2B!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace.ux-pass-a .content:has(>.board-workspace){background:var(--surface-world)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace.ux-pass-a .board-workspace :is(.live-job-search,.craft-query) input{background:var(--surface-panel)!important;color:var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace.ux-pass-a :is(.btn,.board-search-button){color:var(--content-primary)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth])[data-page] #app .product-workspace.ux-pass-a :is(.btn.green,.btn.black,.btn.pink){background:var(--action-primary)!important;color:var(--content-on-action)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) #app .product-workspace .side-nav a.active{color:var(--content-on-action)!important}
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]) #app #live-job-search input{background:var(--surface-panel)!important;color:var(--content-primary)!important}
body.visual-v1:is([data-companion=velvetbat],[data-companion=moth]) #app #live-job-search input::placeholder{color:var(--content-secondary)!important;opacity:1}

/* Match icon ink to its actual filled navigation surface, including nested SVGs. */
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) #app #workspace-navigation :is(.side-nav a,.sidebar-tools button,.avatar),
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) #app #workspace-navigation :is(.side-nav a,.sidebar-tools button,.avatar) :is(svg,.icon){color:var(--content-on-action)!important}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) :is(#app,#modal) :is(input,textarea)::placeholder{color:var(--content-secondary)!important;opacity:1}
body.visual-v1.art-pass.lagoon-pass:is([data-companion=velvetbat],[data-companion=moth]) #modal :is(input,textarea,select){color-scheme:dark}