/* Test: a lighter, greyer Sasha Ferrano. Only on while <html> has .ton-szary
   (open any page with ?ton=szary; ?ton=czarny goes back). Gold, type and layout stay as they are. */

/* The black wall texture, lifted to graphite: the same grain, screened over a mid grey. */
.ton-szary .loader__half,
.ton-szary .foot,
.ton-szary .wall,
.ton-szary .sub .wall,
.ton-szary .banner,
.ton-szary .listing,
.ton-szary .product,
.ton-szary .drawer__panel,
.ton-szary .post__head,
.ton-szary .sect {
  background-color: #4a4a4a;
  background-blend-mode: screen;
}

/* The hero's photo of the wall. */
.ton-szary .hero__bg img { filter: brightness(2.1) contrast(.92) saturate(.6); }
.ton-szary .hero__spot { opacity: .7; }

/* Bars and drop-downs: a lighter graphite. */
.ton-szary .menu__panel {
  background: linear-gradient(160deg, #565656 0%, #484848 50%, #3a3a3a 100%);
}
.ton-szary .cat { background: linear-gradient(155deg, #5a5a5a 0%, #464646 50%, #333 100%); }

/* Inputs and summaries sat on near-black glass; keep them a step darker than the new grey. */
.ton-szary .field input,
.ton-szary .field textarea,
.ton-szary .field select,
.ton-szary .option,
.ton-szary .cart__sum,
.ton-szary .company { background-color: rgb(30 30 30 / .45); }
