/* Paradigm's manual dark palette and G/H display overlays. */
:root {color-scheme:light}
:root[data-theme="dark"] {
  color-scheme:dark;
  --bg:#161616; --subtle:#333; --text:#fff; --border:#666;
  --muted:#aaa; --inactive:#999; --success:#00ff00; --attention:#e5c56b; --error:#ff7676;
  --color-text-brand-green:#00ff00;
  --surface-medium:#33333399; --surface-medium-hover:#333333cc; --surface-medium-active:#333;
  --surface-high:#fff; --surface-high-hover:#f6f6f6e5; --text-on-high:#000; --text-on-high-active:#000000bf;
  --surface-selected:#666; --surface-menu:#333; --surface-menu-hover:#555;
  --surface-code:#ffffff0a; --surface-hover:#ffffff0f; --surface-error:#482929;
}
/* These external SVGs contain black fills; inline SVGs and masks inherit text. */
:root[data-theme="dark"] :is(img.btn-icon,img.checkbox__check-mark) {filter:invert(1)}
/* Keep secondary labels distinct within the monochrome palette. */
:root[data-display="green"] {--muted:#555}
:root[data-theme="dark"][data-display="green"] {--muted:#bbb}
.claw-color-overlay {display:none;position:fixed;inset:0;z-index:2147483647;pointer-events:none;transform:translateZ(0);backface-visibility:hidden}
/* Match the parent site's screen blend: white stays white in light mode,
   while dark surfaces turn green in dark mode. Desaturate footage first. */
:root[data-display="green"] .claw-color-overlay {display:block;background:#00ff00;mix-blend-mode:screen;backdrop-filter:grayscale(1);-webkit-backdrop-filter:grayscale(1)}
:root[data-display="mono"] .claw-color-overlay {display:block;background:transparent;backdrop-filter:grayscale(1);-webkit-backdrop-filter:grayscale(1)}
html.theme-no-transition,
html.theme-no-transition *,
html.theme-no-transition *::before,
html.theme-no-transition *::after {transition:none!important}