/* Dark mode for Elementor snapshot pages (<lg-body>) and the product pages with their own archived CSS.
   The archived CSS paints with Neve variables (--nv-*), which the legacy files declare on lg-body and on
   :is(lg-body.page-id-N, ...) at specificity (0,1,1). These rules sit at (0,2,1)+ under the theme attribute, so
   they beat those declarations without !important. Light mode is untouched: every rule needs the dark selector.
   Written twice on purpose (explicit dark, and System via prefers-color-scheme), as in tokens.css. */

:root[data-theme="dark"] lg-body {
  --nv-site-bg: var(--ground);
  --nv-light-bg: var(--mint);
  --nv-dark-bg: var(--navy-mid);
  --nv-text-color: var(--ink);
  --nv-text-dark-bg: #ffffff;
  --nv-primary-accent: var(--link);
  --nv-secondary-accent: var(--ink);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) lg-body {
    --nv-site-bg: var(--ground);
    --nv-light-bg: var(--mint);
    --nv-dark-bg: var(--navy-mid);
    --nv-text-color: var(--ink);
    --nv-text-dark-bg: #ffffff;
    --nv-primary-accent: var(--link);
    --nv-secondary-accent: var(--ink);
  }
}

/* The archived kit rule  :is(lg-body.home,...).elementor-kit-N { color:#20334A; background:#FCFAF7 !important }  (0,2,1)
   and  :is(lg-body.category,lg-body.tag) { background-color/color !important }  (0,1,1)  are beaten here at (0,3,1). */
:root[data-theme="dark"] lg-body[class] {
  background: var(--ground) !important;
  color: var(--ink) !important;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) lg-body[class] {
    background: var(--ground) !important;
    color: var(--ink) !important;
  }
}