/* =========================================================
   DARK MODE (buyer Appearance setting, My Profile > Appearance)

   The rest of the site's CSS is written entirely in light-mode
   hardcoded colors across many separate stylesheets, so
   repainting every single rule for a second theme isn't
   practical here. Instead, when data-theme="dark" is set on
   <html>, the whole page is colour-inverted + hue-rotated —
   every light surface becomes a dark one and vice versa,
   automatically, everywhere, with zero per-page maintenance.
   Photos/videos are inverted right back to their true colours
   (a double-invert cancels out) so products, avatars, and
   banners never look like camera negatives.
========================================================= */

html[data-theme="dark"] {
    filter: invert(1) hue-rotate(180deg);
    background: #fff;
}

html[data-theme="dark"] img,
html[data-theme="dark"] video,
html[data-theme="dark"] picture,
html[data-theme="dark"] iframe {
    filter: invert(1) hue-rotate(180deg);
}