/* The frosted surfaces, made opaque while `data-solid="true"` is on `<html>`
   (`solid-backgrounds.tsx`). Each rule names the same surface as the rule that
   makes it see-through, with `html:root` in front so it outranks that rule's
   theme variants whatever order the stylesheets load in. The dialog scrim is
   left alone: it dims the page on purpose. */
html:root[data-solid="true"] .shell-header {
  background: var(--bg-elev);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:root[data-solid="true"] .ui-badge:not(.ui-badge-quiet) {
  background: var(--purple-dim);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}
html:root[data-solid="true"] .terminal-wrap {
  background: var(--crust);
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}