/* Wiadomości PRO - wspólne tokeny kolorów obu motywów (A12/F10/F11/F13, 7.10.2026, Marcin).
   Motyw ustawia skrypt startowy <script id="wpro-theme-init"> w <head> każdej strony publicznej
   (przed pierwszym CSS, bez błysku): <html data-theme="dark|light">, wybór w localStorage 'wp_theme'
   wspólny dla wszystkich stron; bez zapisanego wyboru - ciemny (charakter marki).
   Strony mapują swoje zmienne na te tokeny w jednym bloku <style id="wpro-a12">.
   Kontrast WCAG 2.2 AA (zmierzony): tekst >= 4,5:1, duży tekst, ikony, obramowania pól i fokus >= 3:1. */
:root,[data-theme="dark"]{
  color-scheme:dark;
  --wp-bg:#0a0b0e;              /* tło strony */
  --wp-bg-2:#101217;            /* pas, stopka */
  --wp-surface:#14161c;         /* karta */
  --wp-surface-2:#1b1e26;       /* pole formularza, przycisk drugorzędny */
  --wp-line:rgba(255,255,255,.12);   /* linia dekoracyjna (bez wymogu 3:1) */
  --wp-control-line:#6e7385;    /* obramowanie pola: 3,8:1 na karcie, 4,2:1 na tle */
  --wp-head:#ffffff;            /* nagłówki */
  --wp-text:#e8e9ec;            /* treść: 15,6:1 na karcie */
  --wp-text-2:#c4c7cf;          /* tekst drugorzędny: 11:1 */
  --wp-muted:#a3a8b5;           /* metadane i mały tekst (F13): 7,6:1 na karcie, 7:1 na polu */
  --wp-muted-2:#8a8e9c;         /* cichszy tekst pomocniczy (jak A16): 5,5:1 na karcie, 5,1:1 na polu */
  --wp-link:#ff7a82;            /* link i akcent tekstowy: 7,2:1 na karcie */
  --wp-accent:#cc0000;          /* tło przycisku: biały tekst 5,9:1 */
  --wp-accent-hover:#a80000;    /* hover przycisku: biały tekst 7,9:1 */
  --wp-on-accent:#ffffff;
  --wp-ok:#5fd39a; --wp-err:#ff8a8a;   /* komunikaty: >= 7:1 na karcie */
  --wp-focus:#ffffff;           /* obrys fokusu: 18:1 na tle, 5,9:1 na czerwonym przycisku */
}
[data-theme="light"]{
  color-scheme:light;
  --wp-bg:#f4f6f9;
  --wp-bg-2:#eef1f5;
  --wp-surface:#ffffff;
  --wp-surface-2:#f1f3f6;
  --wp-line:#e2e6eb;
  --wp-control-line:#767d89;    /* 4,2:1 na białym, 3,8:1 na tle */
  --wp-head:#0f1115;
  --wp-text:#1a1c20;            /* 17:1 */
  --wp-text-2:#33373d;          /* 11,6:1 */
  --wp-muted:#5a606b;           /* 6,4:1 na białym, 5,8:1 na tle */
  --wp-muted-2:#646a75;         /* 5,4:1 na białym, 5:1 na tle */
  --wp-link:#b3141b;            /* 6,9:1 na białym */
  --wp-accent:#cc0000;
  --wp-accent-hover:#a80000;
  --wp-on-accent:#ffffff;
  --wp-ok:#136b3b; --wp-err:#b3141b;
  --wp-focus:#0f1115;           /* 18:1 na białym, 3,2:1 na czerwonym przycisku */
}
/* Widoczny fokus klawiatury w obu motywach (WCAG 2.4.7, 1.4.11). Strony mogą mieć własny, nie słabszy. */
:focus-visible{outline:2px solid var(--wp-focus);outline-offset:2px}
/* przycisk „Ustawienia cookies” (assets/consent.css) leży na jasnym tle albo na ciemnym pasku reklamy:
   obrys dwukolorowy (biały + ciemny pierścień) jest widoczny na każdym tle */
html body .wpro-consent-settings:focus-visible{outline:3px solid #fff!important;outline-offset:0!important;box-shadow:0 0 0 6px #0f1115}
/* Przełącznik motywu na podstronach (ikona wstawiana przez /assets/wpro-theme.js) */
.wp-theme-btn{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;
  border-radius:50%;border:1px solid var(--wp-control-line);background:transparent;color:var(--wp-head);cursor:pointer;
  line-height:1;font:inherit}
.wp-theme-btn:hover{background:var(--wp-surface-2)}
.wp-theme-btn svg{display:block;width:20px;height:20px}
.wp-theme-btn .wp-ic-sun{display:none}
[data-theme="light"] .wp-theme-btn .wp-ic-sun{display:block}
[data-theme="light"] .wp-theme-btn .wp-ic-moon{display:none}