/* The page's ground layer.
 *
 * Overrides two globals that live in the production mirror (css/page/top.css), which is
 * byte-identical to the live server and has to stay that way — so the change is made here
 * instead. Loaded first among the custom sheets for that reason: everything after it is a
 * section, and this is the floor they all sit on.
 *
 * See README.md, "The ground layer".
 */

/* One scrim over the shared galaxy, instead of a tint per section. Inside .bg-galaxy's own
   opacity, so the arithmetic is the same one .bg-dark used to do — 0.7 x 0.5 x image either
   way — and every section that carried .bg-dark renders exactly as it did before. */
.bg-galaxy::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
}

/* background-color, not the `background` shorthand: point__2 and point__4 set a
   background-image in the mirror, and the shorthand would drop it. */
.bg-dark {
  background-color: transparent;
}