html[data-theme]:not([data-theme="dark"]) {
  --color-yellow-dark: #8d0532;
  --color-yellow-mid: #a70531;
  --color-yellow-soft: #e9817d;
  --color-yellow-subtle: #ebb4b4;
}
html[data-theme="dark"] {
  --color-yellow-dark: #ebb4b4;
  --color-yellow-mid: #e9817d;
  --color-yellow-soft: #a70531;
  --color-yellow-subtle: #8d0532;
}
html[data-theme]:not([data-theme="dark"]) .bg-bg {
  background-image: url('https://d2hplq259yjfnt.cloudfront.net/series/9f741d6c-672a-489a-bc45-72f0929c5820/reader-patterns/light-04406ccb-0a6a-4804-8567-7b94c4a864b9.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/9f741d6c-672a-489a-bc45-72f0929c5820/reader-patterns/dark-d164c40b-a42d-4f44-9a19-3e02f758a059.png');
  background-repeat: repeat;
  background-size: auto;
  background-position: 0 0;
  background-color: var(--color-bg);
  background-attachment: local;
}