/* Decorative SVG tiles remain separate from the owner's published color tokens. */
:root,
html[data-theme-background="site"] {
  --theme-pattern: url("site.svg");
}

html[data-theme-background="bulbasaur"] { --theme-pattern: url("bulbasaur.svg"); }
html[data-theme-background="squirtle"] { --theme-pattern: url("squirtle.svg"); }
html[data-theme-background="misty"] { --theme-pattern: url("misty.svg"); }
html[data-theme-background="brock"] { --theme-pattern: url("brock.svg"); }
html[data-theme-background="ash"] { --theme-pattern: url("ash.svg"); }
html[data-theme-background="pikachu"] { --theme-pattern: url("pikachu.svg"); }
html[data-theme-background="charmander"] { --theme-pattern: url("charmander.svg"); }
html[data-theme-background="jigglypuff"] { --theme-pattern: url("jigglypuff.svg"); }

body {
  background-color: var(--color-background);
  background-image: var(--theme-pattern);
  background-repeat: repeat;
  background-position: 0 0;
  background-size: 320px 320px;
}

/* Keep the decorative canvas visible around opaque shopping surfaces. */
.site-header,
.site-main {
  background-color: transparent;
}

@media print {
  body { background-image: none; }
}