/* =====================================================================
   CRM NA STERYDACH — kolorystyka ze strony crmnasterydach.pl (22.10.2026).
   Ładowany PO ui.css: nadpisuje wyłącznie zmienne kolorów i kilka stałych
   odcieni. Wycofanie marki = usunięcie linku do tego pliku w index.php.
   ===================================================================== */
:root, html[data-theme="light"]{
  --bg:#F8F6FD; --bg-glow:rgba(82,18,230,.08);
  --surface:#FFFFFF; --surface-2:#F8F6FD; --surface-3:#F3F1FB;
  --ink:#060A31; --ink-2:#22264A; --muted:#575A74;
  --line:#E7E3F5; --line-2:#CFC7EC;
  --mint:#5212E6; --mint-deep:#3502D0; --mint-ink:#FFFFFF; --mint-soft:rgba(82,18,230,.09);
  --brand:#7350E1; --brand-soft:rgba(115,80,225,.12);
  --violet:#5212E6;
  --glow:0 0 0 1px rgba(82,18,230,.2), 0 8px 26px -12px rgba(82,18,230,.4);
  --shadow:0 1px 2px rgba(6,10,49,.05), 0 10px 28px -16px rgba(82,18,230,.22);
  --shadow-l:0 2px 6px rgba(6,10,49,.06), 0 24px 56px -24px rgba(82,18,230,.30);
  --akcent:#5212E6;
}
html[data-theme="dark"]{
  --bg:#0D0B1F; --bg-glow:rgba(115,80,225,.10);
  --surface:#15122B; --surface-2:#1B1736; --surface-3:#231E44;
  --ink:#F1EEFC; --ink-2:#D9D3F3; --muted:#A49CC8;
  --line:#2C2650; --line-2:#3B3466;
  --mint:#AF9FE6; --mint-deep:#C5B8F2; --mint-ink:#120E2B; --mint-soft:rgba(175,159,230,.15);
  --brand:#C5B8F2; --brand-soft:rgba(197,184,242,.14);
  --violet:#AF9FE6;
  --glow:0 0 0 1px rgba(175,159,230,.28), 0 8px 30px -10px rgba(175,159,230,.35);
  --akcent:#7350E1;
}
body.v2 h1, body.v2 h2, body.v2 .nav-marka-t b{font-family:Poppins, var(--font)}
.nav-marka-t b{letter-spacing:.01em; color:var(--mint-deep); font-size:13.5px; white-space:nowrap}
html[data-theme="dark"] .nav-marka-t b{color:var(--mint)}
.nav-znak{box-shadow:0 0 0 1px var(--line), 0 6px 16px -10px rgba(82,18,230,.7)}
.nav-awatar{background:linear-gradient(135deg,#3502D0 0%,#5212E6 55%,#7350E1 100%); box-shadow:inset 0 1px 0 rgba(255,255,255,.35), 0 4px 10px -6px #3502D0}
body.publiczna{background:radial-gradient(900px 500px at 15% -10%, rgba(82,18,230,.13), transparent 60%), radial-gradient(700px 420px at 100% 110%, rgba(115,80,225,.12), transparent 60%), var(--bg)}
.btn-primary{background:linear-gradient(135deg,#3502D0 0%,#5212E6 55%,#7350E1 100%); border-color:#4912DF}
html[data-theme="dark"] .btn-primary{background:#7350E1; border-color:#7350E1; color:#fff}