/* KARTAN TAUSTAKOKEILU
   Peru kokeilu poistamalla index.html- ja index2.html-tiedostoista
   link-rivi, jossa lukee map-background.css. Alkuperäinen tausta palautuu.
   Yläpalkin banneriin tämä tiedosto ei vaikuta. */
:root {
  /* 0.12 = 12 %; esimerkiksi 0.08 on himmeämpi ja 0.20 voimakkaampi. */
  --map-collage-opacity: 0.12;
  /* Bändilaatikoiden hieman vahvempi, peittävä paperinkeltainen. */
  --map-band-card-color: #fff0bd;
}

/* Perusväri vaihtuu; hover-, valinta- ja yhteyskorostukset säilyvät
   alkuperäisten tyylien tarkempien valitsimien ansiosta. */
.band-card {
  background: var(--map-band-card-color);
}

.map-canvas {
  /* Vain tausta vaihtuu: ei muutoksia mitoitukseen tai zoomaukseen. */
  background:
    linear-gradient(
      rgba(255, 250, 225, calc(1 - var(--map-collage-opacity))),
      rgba(255, 250, 225, calc(1 - var(--map-collage-opacity)))),
    url("./assets/map-collage.jpg") center / cover no-repeat;
}