/* The hero paper texture, shared by every solid blue surface. */
:root {
  --blue-surface-texture: url('assets/blue-surface.svg');
  --blue-surface-size: 720px 600px;
}

.rhythm,
.rhythm-paint-edge,
.rhythm::after,
.location-paint,
.location-paint::before,
.location-paint::after,
.hero-photo,
.class-image,
.button-blue,
.button-blue:hover,
.class-switcher button[aria-selected="true"],
.gallery-filters button[aria-pressed="true"],
.floating-whatsapp,
.floating-whatsapp:hover,
.lightbox {
  background-image: var(--blue-surface-texture);
  background-size: var(--blue-surface-size);
  background-repeat: repeat;
  background-blend-mode: soft-light;
}

.rhythm,
.rhythm-paint-edge,
.rhythm::after,
.location-paint,
.location-paint::before,
.location-paint::after,
.hero-photo,
.class-image,
.lightbox {
  background-color: var(--deep);
}

/* The new translucent tile already includes the hero's texture strength. */
.rhythm::before { content: none; }