/* BEST OF MIAZGA - globalne tokeny marki (motyw potomny). */
:root{
	--bom-pink:#FF2E9F;--bom-pink-2:#E5147A;--bom-magenta:#C81D8C;--bom-violet:#6F1FB6;--bom-violet-2:#4A1485;
	--bom-ink:#15082A;--bom-muted:#6B5778;--bom-cream:#FBF7F4;--bom-line:rgba(21,8,42,.1);
	--bom-grad:linear-gradient(96deg,#FF2E9F 0%,#C81D8C 45%,#6F1FB6 100%);
	--bom-font-display:'Mulish',sans-serif;--bom-font-body:'Manrope',sans-serif;--bom-font-script:'Caveat',cursive;
}
/* Gradientowy tekst - globalnie, bez wstrzykiwania <style> w szablonach.
   Uzycie w Elementorze: <span class="grad-text">slowo.</span> w tytule widzetu. */
.grad-text{background:var(--bom-grad);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent}
/* Domyslne linki i zaznaczenie w kolorach marki (kit Elementora nadpisuje tam, gdzie ustawiono inaczej). */
a{color:var(--bom-magenta)}
a:hover,a:focus{color:var(--bom-pink-2)}
::selection{background:var(--bom-pink);color:#fff}

/* ── Odsłanianie przy przewijaniu (wyłączone przy prefers-reduced-motion) ── */
.bom-rv{opacity:0;transform:translateY(14px);transition:opacity .5s cubic-bezier(.2,.7,.2,1),transform .5s cubic-bezier(.2,.7,.2,1)}
.bom-rv.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion: reduce){.bom-rv{opacity:1!important;transform:none!important;transition:none!important}}
/* ── Separator sekcji: cienka linia z gradientowym środkiem ── */
.bom-sep-grad{height:1px;border:0;margin:44px 0;background:linear-gradient(90deg,transparent,rgba(21,8,42,.12) 18%,rgba(200,29,140,.45) 50%,rgba(21,8,42,.12) 82%,transparent)}