/* style-posh-tonal.css
   Ultra-subtelne przejścia tonalne nad style-posh-phase1.css
   Wersja produkcyjna bez rysowania „szwu” między sekcjami
*/

html {
  background:
    radial-gradient(1200px 520px at 12% -8%, rgba(198, 180, 163, 0.07), transparent 62%),
    radial-gradient(1000px 560px at 100% 0%, rgba(19, 62, 58, 0.03), transparent 64%),
    #f4f1eb;
}

body {
  background: transparent;
}

/* Sekcje alt: bliżej tła strony, bez twardych linii i bez pseudo-szwów */
.section.alt {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.20), rgba(255, 255, 255, 0.15)),
    radial-gradient(900px 260px at 0% 0%, rgba(188, 168, 150, 0.022), transparent 72%),
    radial-gradient(760px 220px at 100% 0%, rgba(19, 62, 58, 0.012), transparent 72%);
  border-top: none !important;
  border-bottom: none !important;
}

/* Karty i boxy: minimalnie mniej „chłodno białe” */
.card,
.tile,
.note,
.map-figure,
.noscript {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.84), rgba(255, 255, 255, 0.76));
  border-color: rgba(20, 26, 26, 0.08);
}

.card.soft {
  background:
    linear-gradient(180deg, rgba(255, 255, 255, 0.74), rgba(255, 255, 255, 0.62));
}

/* Delikatne uspokojenie separatorów wewnątrz treści */
.divider {
  background: rgba(20, 26, 26, 0.08);
}

/* Footer: lekko bardziej wpisany w całość */
.site-footer {
  border-top: none;
  background:
    linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.12));
}

/* kill section alt seam */
.section.alt,
.section.alt.section-about,
section.section.alt {
  border-top: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

.section.alt::before,
.section.alt::after,
.section.alt.section-about::before,
.section.alt.section-about::after {
  content: none !important;
  display: none !important;
}

/* kill optical seam between O mnie and Organizacja spotkań */
#o-mnie.section-about,
#o-mnie.section.alt.section-about {
  border-bottom: 0 !important;
  margin-bottom: -1px;
  padding-bottom: calc(var(--s-7) + 1px);
}

#o-mnie.section-about + .section,
#o-mnie.section.alt.section-about + .section {
  border-top: 0 !important;
  margin-top: 0;
}