/* 11-11 C2: the app's buttons in the dark theme use the same three kinds as the outside pages (DESIGN-SPEC "button kinds <= 3"):
   main = white with a line (outside "second"), everything else = ink with light text, no line (outside "main").
   Ink on the dark canvas reads as a plain text button; on a card it reads as a dark well. Light theme untouched (his 10-28 switch). */
html[data-theme=dark] body :is(button,a[class*=btn],a[class*=button],[role=button],input[type=submit]){
  background-color:var(--nvp-out-text)!important;color:var(--nvp-in-text)!important;border-width:0!important}
html[data-theme=dark] body :is(.btn.yk,.btn.pri,.go,.send,.newinf,.nvmode.on,.chip.on,[aria-pressed=true],#nvmake):is(button,a,[role=button],input){
  background-color:var(--nvp-out-card)!important;color:var(--nvp-out-text)!important;border:1px solid var(--nvp-out-line)!important}
/* product cards on Brand: no white card on the dark app; the photo sits on the card color, the name on top in light text */
html[data-theme=dark] .nvpgrid .ccard.nvpc img{background:var(--nvp-in-card);position:absolute;inset:0;width:100%;height:100%;max-width:none;box-sizing:border-box}
html[data-theme=dark] .nvpgrid .ccard.nvpc .ccap{background:linear-gradient(transparent,var(--nvp-in-card) 40%)}
html[data-theme=dark] #app .nvpgrid .ccard.nvpc .ccap,html[data-theme=dark] #app .nvpgrid .ccard.nvpc .ccap b{color:var(--nvp-in-text)}
html[data-theme=dark] #app .nvpgrid .ccard.nvpc .ccap .nche{color:var(--nvp-in-quiet)}