/* Neutral paper beneath the artwork. The previous paper.png is an illustration
   with foliage and shaded edges, not a seamless texture. No painted card art,
   metal frame, glass control or uploaded content is replaced by this layer. */
html body:is(.watercolor-home,.watercolor-cabinet) {
  --wc-foundation-paper: #f5e8cd;
  --wc-foundation-surface: #fcf1db;
  --wc-foundation-wash: radial-gradient(ellipse at 50% 0%,#fffaf0b0,transparent 72%);
  /* stitchTiles makes even the subtle 192px paper grain seamless. */
  --wc-foundation-grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='192' height='192' viewBox='0 0 192 192'%3E%3Cfilter id='paper' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch' seed='17'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.038'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='192' height='192' filter='url(%23paper)'/%3E%3C/svg%3E");
  background-color: var(--wc-foundation-paper) !important;
  background-image: var(--wc-foundation-grain),var(--wc-foundation-wash) !important;
  background-position: 0 0,center top !important;
  background-size: 192px 192px,100% 1200px !important;
  background-repeat: repeat,no-repeat !important;
  background-attachment: scroll !important;
  background-blend-mode: normal !important;
}
html[data-theme="dark"] body:is(.watercolor-home,.watercolor-cabinet) {
  --wc-foundation-paper: #0e303b;
  --wc-foundation-surface: #10333e;
  --wc-foundation-wash: radial-gradient(ellipse at 50% 0%,#28515a45,transparent 72%);
}

/* Remove only external page decorations, including branches once placed below
   the brand. The navigation's transparent glass and its highlights stay intact. */
html body:is(.watercolor-home,.watercolor-cabinet)::before,
html body:is(.watercolor-home,.watercolor-cabinet)::after,
html body:is(.watercolor-home,.watercolor-cabinet) :is(.page-head,.topbar,.brand)::before,
html body:is(.watercolor-home,.watercolor-cabinet) :is(.page-head,.topbar,.brand)::after {
  content: none !important;
  display: none !important;
  background: none !important;
}
html body:is(.watercolor-home,.watercolor-cabinet) > .ambient,
html body:is(.watercolor-home,.watercolor-cabinet) > .wc-decoration,
html body:is(.watercolor-home,.watercolor-cabinet) :is(.topbar,.page-head) > :is(.wc-decoration,.wc-botanical,.wc-ivy-corner) {
  display: none !important;
}

/* Reuse the same quiet paper on generic card surfaces. Illustration plates,
   avatars, course art and map landscapes remain independent foreground layers. */
html body.watercolor-home .dashboard-grid .glass,
html body.watercolor-cabinet:not(.wc-cabinet-conference) #app .glass,
html body:is(.watercolor-home,.watercolor-cabinet):not(.wc-cabinet-conference) > dialog {
  background-color: var(--wc-foundation-surface) !important;
  background-image: var(--wc-foundation-grain) !important;
  background-size: 192px 192px !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
}
html body.watercolor-home .dashboard-grid .glass::before {
  content: none !important;
  display: none !important;
  background: none !important;
}