/* Pearl relief sits behind the existing dark OS glass. */
body.pekan-relief { background: #d6d5d2 !important; }
body.pekan-relief #bg-lava { pointer-events: none; transform: none !important; }
body.pekan-relief #bg-scrim {
  background: linear-gradient(180deg, rgba(32,31,36,.02), rgba(32,31,36,.055)) !important;
  pointer-events: none;
  transform: none !important;
}
/* Keep filenames readable on the pale, animated surface, including selected rows. */
body.pekan-relief #desktop > div.b > p {
  color: #25252b !important;
  text-shadow: 0 1px 2px rgba(255,255,255,.9) !important;
}
body.pekan-relief #desktop > div.b:hover,
body.pekan-relief #desktop > div.b.sel {
  background: rgba(248,248,249,.55) !important;
  border-color: rgba(46,42,56,.15) !important;
}
body.pekan-relief #desktop > div.b:hover > p,
body.pekan-relief #desktop > div.b.sel > p {
  background: rgba(243,243,244,.92) !important;
  color: #25252b !important;
}
body.pekan-relief[data-relief-tone="graphite"] #bg-scrim {
  background: transparent !important;
}
body.pekan-relief[data-relief-tone="graphite"] #desktop > div.b > p {
  color: #f4f4f7 !important;
  text-shadow: 0 1px 3px #000 !important;
}
body.pekan-relief[data-relief-tone="graphite"] #desktop > div.b:hover,
body.pekan-relief[data-relief-tone="graphite"] #desktop > div.b.sel {
  background: rgba(38,37,44,.65) !important;
  border-color: rgba(240,240,246,.18) !important;
}
body.pekan-relief[data-relief-tone="graphite"] #desktop > div.b:hover > p,
body.pekan-relief[data-relief-tone="graphite"] #desktop > div.b.sel > p {
  background: rgba(25,25,31,.92) !important;
}