html[data-theme] {
  --color-yellow-mid: #b871b1;
  --color-yellow-soft: #b871b1;
}
html[data-theme]:not([data-theme="dark"]) {
  --color-yellow-dark: #73386f;
  --color-yellow-subtle: #c7bcd6;
}
html[data-theme="dark"] {
  --color-yellow-dark: #c7bcd6;
  --color-yellow-subtle: #73386f;
}
html[data-theme]:not([data-theme="dark"]) .bg-bg {
  background-image: url('https://d2hplq259yjfnt.cloudfront.net/series/9ffed3de-e911-46b3-a670-32b09a99d3ba/reader-patterns/light-373caa2b-2b96-4e08-959c-0bae7efb93cd.png');
  background-repeat: repeat;
  background-size: auto;
  background-position: 0 0;
  background-color: var(--color-bg);
  background-attachment: local;
}
html[data-theme="dark"] .bg-bg {
  background-image: url('https://d2hplq259yjfnt.cloudfront.net/series/9ffed3de-e911-46b3-a670-32b09a99d3ba/reader-patterns/dark-0399ddc0-5dbf-4325-a3a2-175929cdd3b2.png');
  background-repeat: repeat;
  background-size: auto;
  background-position: 0 0;
  background-color: var(--color-bg);
  background-attachment: local;
}