/* R72 (30.10.2026) – spójne, zachęcające kolory całej strony, na wyglądzie R66 + R71. Właściciel pliku: pomocnik B.
   Ładowany przez r72.php na wp_head 1075 (po R71), na wszystkich stronach z klasą body.ljk-r72.
   Siła: "html:root body.ljk-r72:not(#r72a#r72b)" = tyle samo co R66/R71, ale później, więc wygrywa.
   Podstawa (runda72/B-badania.md):
   - jeden kolor akcji: gradient róż -> czerwień (--r71-grad-btn) tylko na przyciskach, które prowadzą do zakupu
     (efekt izolacji / von Restorffa – działa, bo poza przyciskami kupna tego koloru prawie nie ma);
   - jeden kolor drugi: fiolet – linki, zaznaczenia, fokus, przyciski drugorzędne;
   - zieleń tylko „gratis”/oszczędność, złoto tylko VIP, róż Premium tylko Premium (strona usługi = pomocnik A, tu nieruszana);
   - proporcja ok. 60/30/10: jasne tła (biel, lekki fiolet) / ciemny atrament (tekst, pasek promocji, stopka) / akcja i akcent;
   - kontrast tekstu >= 4,5:1, elementów sterujących >= 3:1 (WCAG 2.2: 1.4.3, 1.4.11).
   Tu nie ma reguł dla głównej (pomocnik C), strony usługi (A) ani Mojego konta (D) – tylko wspólne tokeny i elementy ogólne. */

/* ---------- 1. Tokeny R72 (do użycia przez wszystkie pliki R72) ---------- */
html:root body.ljk-r72{
  /* akcja = zakup */
  --r72-akcja:var(--r71-grad-btn,linear-gradient(135deg,#e11d74 0%,#d63a1e 100%));
  --r72-akcja-h:var(--r71-grad-btn-h,linear-gradient(135deg,#c0135f 0%,#b8321a 100%));
  --r72-akcja-tekst:#fff;
  /* akcent = linki, zaznaczenia, fokus (fiolet #7c3aed: 5,7:1 na białym; ciemniejszy #6d28d9: 7,1:1) */
  --r72-akcent:#7c3aed;--r72-akcent-c:#6d28d9;--r72-akcent-cc:#5b21b6;--r72-akcent-j:#f3edff;
  /* tekst i linie */
  --r72-atrament:#1d1530;--r72-szary:#5b5470;--r72-linia:#ebe5f4;--r72-linia2:#ddd3ec;
  /* tła sekcji (60%): biel, lekki fiolet, lekki róż – tekst atramentowy ma na nich > 14:1 */
  --r72-tlo:#fff;--r72-tlo-f:#faf7ff;--r72-tlo-r:#fff7fa;
  /* ciemne „ramy” strony: pasek promocji u góry i stopka na dole */
  --r72-ciemne:linear-gradient(90deg,#1d1530 0%,#2f1650 55%,#3d1438 100%);
  /* plakietki: wszędzie ta sama pigułka (wysokość, promień, krój); kolor zależy od znaczenia */
  --r72-pig-h:24px;--r72-pig-r:999px;--r72-pig-px:10px;--r72-pig-fs:12px;--r72-pig-fw:800;
  --r72-pig-gratis-tlo:#dcfce7;--r72-pig-gratis-t:#14532d;   /* 8,3:1 – gratis / oszczędność */
  --r72-pig-vip-tlo:#fff4d6;--r72-pig-vip-t:#7a4700;         /* 7,0:1 – tylko VIP */
  --r72-pig-premium-tlo:#ffe4ef;--r72-pig-premium-t:#9d174d; /* 6,6:1 – tylko Premium */
  --r72-pig-info-tlo:#f3edff;--r72-pig-info-t:#5b21b6;       /* 7,9:1 – informacja */
  --r72-pig-ciemna-tlo:#1d1530;--r72-pig-ciemna-t:#fff;      /* 17:1 – wyróżnienie neutralne */
  --r72-fokus:3px solid #7c3aed;
}

/* ---------- 2. Drobne elementy przeglądarki w kolorach strony ---------- */
/* pola wyboru, przełączniki radiowe, suwaki: fiolet (akcent), nie domyślny niebieski */
html:root body.ljk-r72:not(#r72a#r72b) :is(input[type=checkbox],input[type=radio],input[type=range],progress){accent-color:var(--r72-akcent)}
html:root body.ljk-r72:not(#r72a#r72b) :is(input,textarea){caret-color:var(--r72-akcent-c)}
/* zaznaczony tekst: jasny róż marki, ciemny tekst (15:1) */
html:root body.ljk-r72 ::selection{background:#fbd3e4;color:#1d1530}

/* ---------- 3. Fokus z klawiatury: jeden wygląd w całym sklepie ---------- */
/* :where() = siła 0, więc wszystkie istniejące, dopracowane style fokusu (nagłówek, karty, formularze) dalej wygrywają;
   ta reguła łapie tylko elementy, które wcześniej nie miały żadnego widocznego fokusu */
:where(body.ljk-r72) :where(a,button,summary,[role=button],[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--r72-fokus);outline-offset:2px}

/* ---------- 4. Przyciski kupna poza stroną usługi: ten sam kolor akcji i to samo zachowanie ---------- */
/* strony informacyjne (Cennik, Jak to działa): przycisk kupna miał przy najechaniu rozjaśnienie (filter: brightness),
   a w reszcie sklepu przycisk ciemnieje – teraz wszędzie tak samo */
html:root body.ljk-r72:not(#r72a#r72b) .ljk-pg a.pg-btn-buy{background:var(--r72-akcja)!important;border-color:transparent!important;color:#fff!important;font-weight:800!important;filter:none!important}
html:root body.ljk-r72:not(#r72a#r72b) .ljk-pg a.pg-btn-buy:hover{background:var(--r72-akcja-h)!important;color:#fff!important;filter:none!important}
/* pusty koszyk: „Wróć do sklepu” prowadzi z powrotem do zakupów, więc też kolor akcji */
html:root body.ljk-r72:not(#r72a#r72b).woocommerce-cart .return-to-shop a.button{background:var(--r72-akcja)!important;border:0!important;color:#fff!important;font-weight:800!important;border-radius:12px!important}
html:root body.ljk-r72:not(#r72a#r72b).woocommerce-cart .return-to-shop a.button:hover{background:var(--r72-akcja-h)!important;color:#fff!important}
/* wysuwany mini-koszyk WooCommerce (jeśli gdzieś się pokaże): „Zamówienie” = akcja, „Zobacz koszyk” = drugorzędny */
html:root body.ljk-r72:not(#r72a#r72b) .woocommerce-mini-cart__buttons a.checkout{background:var(--r72-akcja)!important;border:0!important;color:#fff!important;font-weight:800!important}
html:root body.ljk-r72:not(#r72a#r72b) .woocommerce-mini-cart__buttons a.checkout:hover{background:var(--r72-akcja-h)!important}
html:root body.ljk-r72:not(#r72a#r72b) .woocommerce-mini-cart__buttons a:not(.checkout){background:#fff!important;border:2px solid var(--r72-akcent)!important;color:var(--r72-akcent-c)!important}

/* ---------- 5. Linki: jeden kolor (fiolet) w treści i w okruszkach ---------- */
html:root body.ljk-r72:not(#r72a#r72b) .ljk-pg :is(p,li,td) a:not([class]){color:var(--r72-akcent-c);text-decoration-color:rgba(109,40,217,.4);text-underline-offset:3px}
html:root body.ljk-r72:not(#r72a#r72b) .ljk-pg :is(p,li,td) a:not([class]):hover{color:var(--r72-akcent-cc);text-decoration-color:currentColor}
/* okruszki (kategorie, strony): szare, przy najechaniu fioletowe – nie konkurują z przyciskiem kupna */
html:root body.ljk-r72:not(#r72a#r72b):not(.single-product) .woocommerce-breadcrumb{color:var(--r72-szary)!important}
html:root body.ljk-r72:not(#r72a#r72b):not(.single-product) .woocommerce-breadcrumb a{color:var(--r72-szary)!important;text-decoration:none!important}
html:root body.ljk-r72:not(#r72a#r72b):not(.single-product) .woocommerce-breadcrumb a:hover{color:var(--r72-akcent-c)!important;text-decoration:underline!important;text-underline-offset:3px}

/* ---------- 6. Ograniczony ruch ---------- */
@media (prefers-reduced-motion:reduce){
  html:root body.ljk-r72:not(#r72a#r72b) :is(.ljk-pg a.pg-btn-buy,.return-to-shop a.button,.woocommerce-mini-cart__buttons a){transition:none!important;transform:none!important}
}