/* theme.css — BLACKLINE monochrome theme switcher.
   Dark (default): black background / white text — palettes are defined
   per-page in each page's :root, all flattened to greyscale.
   Light: a clean inversion of the whole canvas (white bg / black text).
   invert(1) hue-rotate(180deg) flips lightness but keeps the few
   remaining semantic hues (red losses / green gains) roughly intact.
   Images and video are counter-inverted so logos/avatars stay normal. */

html[data-theme="light"]:not([data-embedded]) {
  filter: invert(1) hue-rotate(180deg);
  background: #fff;
}
html[data-theme="light"]:not([data-embedded]) img,
html[data-theme="light"]:not([data-embedded]) video {
  filter: invert(1) hue-rotate(180deg);
}

/* Floating light/dark toggle (injected by theme.js). Monochrome on
   purpose — it inverts along with the rest of the page. */
#bl-theme-btn {
  position: fixed;
  right: 14px;
  bottom: 44px;            /* clears the 28–32px taskbars */
  z-index: 2147483000;
  padding: 6px 12px;
  background: #000;
  color: #fff;
  border: 1px solid #555;
  border-radius: 6px;
  font: 600 11px/1 'Share Tech Mono', 'JetBrains Mono', monospace;
  letter-spacing: .12em;
  cursor: pointer;
  opacity: .82;
  transition: opacity .15s, border-color .15s;
}
#bl-theme-btn:hover { opacity: 1; border-color: #fff; }