/* SVG source is baked once into a cached tile; no runtime filters or animation. */
:root { --dmi-paper-base: #faf5eb; --dmi-paper-texture: url('../images/paper-texture.webp'); --dmi-section-solid: #fff; }
html[data-theme="dark"] { --dmi-paper-base: #28251f; --dmi-section-solid: var(--dm-paper); }
html, body { background-color: var(--dmi-paper-base) !important; background-image: none !important; }
.dmi-v4-site, .dmi-v4-site:has(.dm-pricing-page) {
  background-color: var(--dmi-paper-base) !important;
  background-image: var(--dmi-paper-texture) !important;
  background-repeat: repeat;
  background-size: 600px 600px;
  background-blend-mode: multiply;
}
.dmi-v4-site .dm-page > section:not(.dm-process),
.dmi-v4-site .dm-page .dm-copy,
.dmi-v4-site .dm-footer {
  background-color: transparent !important;
  background-image: none !important;
}

/* Let the main paper texture show through the Home inbox invitation. */
.dmi-v4-site .dm-home-page > .dm-center-note.dm-quiet-note {
  background-color: transparent !important;
  background-image: none !important;
}

.dmi-v4-site .dm-home-page > .dm-center-note.dm-reader-note,
.dmi-v4-site .dm-pricing-page > .dm-center-note.dm-pricing-close,
.dmi-v4-site .dm-faq-page > .dm-center-note.dm-faq-support {
  background-color: transparent !important;
  background-image: none !important;
}

/* Home rhythm copy sits on the main paper background. */
.dmi-v4-site .dm-home-page .dm-rhythm .dm-copy {
  background-color: transparent !important;
  background-image: none !important;
}
.dmi-v4-site .dm-header {
  background-color: var(--dmi-paper-base);
  background-image: var(--dmi-paper-texture);
  background-size: 600px 600px;
  background-blend-mode: multiply;
}
/* Cards retain a quiet surface against the textured canvas. */
.dmi-v4-site .dm-faq-topics,
.dmi-v4-site .dm-faq-item,
.dmi-v4-site .dm-themes article,
.dmi-v4-site .dm-plan { background-color: var(--dm-warm); }
.dmi-v4-site .dm-plan--featured { background-color: var(--dm-paper); }

/* Previously #F5EDE2 surfaces are solid white in light mode. */
.dmi-v4-site .dm-page { background-color: transparent !important; }
.dmi-v4-site .dm-page > section:is(.dm-center-note,.dm-faq-hero,.dm-faq-library,.dm-pricing-hero),
.dmi-v4-site .dm-faq-topics,
.dmi-v4-site .dm-pricing-hero,
.dmi-v4-site .dm-page .dm-copy,
.dmi-v4-site .dm-plan {
  background-color: var(--dmi-section-solid) !important;
  background-image: none !important;
}