/* One source for native browser / rubber-band canvas colours.
   Section backgrounds remain independent. Relax does not load this module. */
:root {
  --ddd-browser-top: #020b18;
  --ddd-browser-bottom: #000000;
}
html[data-browser-canvas] {
  --ddd-browser-current: var(--ddd-browser-top);
  background-color: var(--ddd-browser-current) !important;
  background-image: none !important;
}
html[data-browser-canvas="bottom"] {
  --ddd-browser-current: var(--ddd-browser-bottom);
}
html[data-browser-canvas] > body:not(.relax) {
  background-color: var(--ddd-browser-current) !important;
}
/* Retain the original page backing beneath transparent sections. */
html[data-browser-canvas] > body:not(.relax) > main[data-browser-page-surface] {
  background-color: var(--ddd-browser-page-surface) !important;
}