/* tlo.css — wspólne tło „starej księgi" dla WSZYSTKICH stron (decyzja foundera 28.10).
 *
 * ⚠️ Ładowany PO stylu strony (link na końcu <head>), więc nadpisuje zmienne tła z każdej strony.
 * Strony mają dwa zestawy nazw zmiennych: --papier/--papier-cieply/--cieply (landing, ankieta, upsell)
 * i --bg-deep/--bg-mid/--bg-card (checkout, kasy, regulamin) — oba są tu przestawione.
 *
 * Tekstura: img/pergamin.jpg — bezszwowy kafel prawdziwego „starego papieru" (włókna, przebarwienia,
 * drobne kropki), generowany przez build_tlo.py. Wersja z samym szumem SVG wyglądała jak jednolity
 * kolor — founder odrzucił ją 28.10. Winieta (ciemniejsze brzegi) jest tutaj, nie w kaflu.
 *
 * Zasady: pergamin to TŁO, nie wypełnienie kart. Karty i pola formularzy zostają jasne (kremowe),
 * żeby tekst i płatność były czytelne. Kontrast tekstu #2E343B na pergaminie ≈ 10:1.
 */
/* 28.10 (founder, druga runda): karty też na papierze — półprzezroczysty jasny krem, przez który
   prześwituje ta sama faktura. Pełny #FFFCF5 na telefonie wyglądał jak białe tło strony. */
:root {
  --papier: rgba(255, 250, 238, .62);   /* karty, pola, przyciski drugorzędne */
  --papier-cieply: rgba(236, 222, 192, .25);   /* sekcje naprzemienne: przezroczyste, faktura prześwituje */
  --cieply: #EFE3C8;          /* upsell.html: tło strony */
  --bg-deep: #EFE3C8;         /* checkout i kasy: tło strony */
  --bg-mid: rgba(236, 222, 192, .25);
  --bg-card: rgba(255, 250, 238, .62);
}

html body {
  background-color: #EFE3C8;
  background-image:
    /* przyciemnione, przypalone brzegi kartki */
    radial-gradient(ellipse 115% 95% at 50% 45%, rgba(0, 0, 0, 0) 55%, rgba(120, 82, 34, .16) 100%),
    url("img/pergamin.jpg");
  background-size: 100% 100%, 900px 900px;
  background-repeat: no-repeat, repeat;
  background-attachment: fixed, scroll;
}

/* Wrappery stron z kasą i podziękowaniami miały WŁASNE tło: biały radialny gradient na całą stronę
   (checkout, deep-checkout, downsell, thank-you, upsell-result) — przykrywał pergamin. */
.checkout-page, .page { background: transparent !important; }

/* Stopki dziedziczą tło strony — bez białych pasów. */
footer { background-color: rgba(236, 222, 192, .30) !important; }