/* pki.eu v3 (DefaultClean_PKIEU_V3) — MOTYW × WYSOKI KONTRAST i panel „Motyw” (869f7deet). Osobny plik (nowy adres = bez
   podbijania ?v= w Head.cshtml i bez starego arkusza z pamięci podręcznej): drugi wymiar wyglądu (data-contrast) i ikona
   przycisku „Motyw”. Panel „Motyw” = wspólny panel nagłówka (pkieu-hpanel.css, jak „Waluta”). Jasny / ciemny pozostają
   w pkieu-v3.css [5]. */

/* ============================================================
   WYSOKI KONTRAST — NIEZALEŻNY WYMIAR (869f7deet, Szymon 23.10: „kontrast i schemat kolorów to niezależne preferencje”,
   CSS Media Queries 5: prefers-contrast vs prefers-color-scheme). Dwa atrybuty na <html>, oba z Head.cshtml przed arkuszami:
   data-theme = light | dark | brak (system)  ×  data-contrast = more | brak  →  4 kombinacje bez kopii CSS:
   (1) reguły kontrastu (:root[data-contrast="more"] …, tu i w arkuszach stron) używają WYŁĄCZNIE prymitywów --hc-*;
   (2) blok tokenów motywu dla kontrastu jest JEDEN (mapuje tokeny sklepu na --hc-*);
   (3) tylko --hc-* zależą od schematu: jasny wysoki kontrast domyślnie, ciemny (dotychczasowy czarno-żółty) przy
       [data-theme=dark] i przy systemowym ciemnym bez jawnego jasnego — ten sam podwójny blok co tryb ciemny wyżej.
   Reguły komponentów w kontraście zostają przy komponentach (pkieu-v3.css i arkusze stron) — też wyłącznie na --hc-*.
   Pary tekst/tło ≥ 7:1 (WCAG AAA 1.4.6), README → „Wysoki kontrast”. Jasny: czerń/biel + akcent #931e1a (= --red-deep
   sklepu; 8,6:1 jako tekst na bieli i jako wypełnienie pod białym tekstem), zieleń #005a26 (8,4:1). Ciemny: biel/czerń +
   żółć #ffd400 (14,7:1) i zieleń #7cfc9a (16,3:1) z czarnym tekstem na wypełnieniach. Ten plik ładuje się PO pkieu-v3.css (Head.cshtml) — blok
   tokenów ma tę samą szczegółowość (0,2,0) co tryb ciemny i wygrywa kolejnością (jawny ciemny + kontrast też trafia tutaj).
   ============================================================ */
:root[data-contrast="more"]{
  --hc-bg:#fff; --hc-fg:#000; --hc-accent:#931e1a; --hc-accent-deep:#6e0b0e; --hc-green:#005a26; --hc-on-accent:#fff;
  --hc-hover:#e0e0e0; --hc-dim:#595959; color-scheme:light;
}
:root[data-contrast="more"][data-theme="dark"]{
  --hc-bg:#000; --hc-fg:#fff; --hc-accent:#ffd400; --hc-accent-deep:#ffe14d; --hc-green:#7cfc9a; --hc-on-accent:#000;
  --hc-hover:#333; --hc-dim:#a6a6a6; color-scheme:dark;
}
@media (prefers-color-scheme:dark){
  :root[data-contrast="more"]:not([data-theme="light"]){
    --hc-bg:#000; --hc-fg:#fff; --hc-accent:#ffd400; --hc-accent-deep:#ffe14d; --hc-green:#7cfc9a; --hc-on-accent:#000;
    --hc-hover:#333; --hc-dim:#a6a6a6; color-scheme:dark;
  }
}
:root[data-contrast="more"]{
  --ground:var(--hc-bg); --surface:var(--hc-bg); --wash:var(--hc-bg); --wash2:var(--hc-bg);
  --ink:var(--hc-fg); --body:var(--hc-fg); --muted:var(--hc-fg); --line:var(--hc-fg); --line2:var(--hc-fg);
  --red:var(--hc-accent); --red-deep:var(--hc-accent); --red-fill:var(--hc-accent); --red-fill-deep:var(--hc-accent-deep);
  --pki-corner-c:var(--hc-accent); --banner-bg:var(--hc-bg); --topbar-bg:var(--hc-bg); --nl-bg:var(--hc-bg);
  --green:var(--hc-green); --green-fill:var(--hc-green); --green-wash:var(--hc-bg);
  --graphite:var(--hc-fg); --blue:var(--hc-accent); --gold:var(--hc-accent); --brown:var(--hc-fg);
  --on-fill:var(--hc-on-accent); --on-ink:var(--hc-bg); --num:var(--hc-fg); --cv-ring:none;
  --chip-bg:var(--hc-bg); --chip-ink:var(--hc-fg); --chip-x:var(--hc-fg);
  --shadow:rgba(0,0,0,0); --overlay:rgba(0,0,0,.85); --thumb-ring:var(--hc-fg);
  --cover-blend:normal; --cover-shadow:none; --cover-filter:none; --logo-filter:none; --logo-radius:0;
  --logo-ink:var(--hc-fg); --link:var(--hc-accent); --card-border:2px solid var(--hc-fg);
}
/* ikona przycisku „Motyw” = BIEŻĄCY stan: słońce (jasny), księżyc (ciemny), półkole (wysoki kontrast, w obu schematach) */
.htool.theme .i-moon,.htool.theme .i-contrast{display:none;}
:root[data-theme="dark"] .htool.theme .i-sun{display:none;}
:root[data-theme="dark"] .htool.theme .i-moon{display:block;}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .htool.theme .i-sun{display:none;}
  :root:not([data-theme="light"]) .htool.theme .i-moon{display:block;}
}
:root[data-contrast="more"] .htool.theme :is(.i-sun,.i-moon){display:none;}
:root[data-contrast="more"] .htool.theme .i-contrast{display:block;}