/* Kolorowe boksy wybierane w edytorze WordPressa (blok Grupa → panel „Style”) + aliasy starych klas .yellowbox / .bluebox.
   Tylko tokeny kitu (pf-tokens.css): żółty = --pf-promo-*, niebieski = --pf-action-soft*, zielony = --pf-contest i --pf-positive, czerwony = --pf-negative (tło z --pf-bg).
   Ten sam plik ładuje front i edytor (add_editor_style). Warianty ciemnego motywu wynikają z tokenów. */
.wp-block-group:is(.is-style-pf-wskazowka, .is-style-pf-informacja, .is-style-pf-opinia, .is-style-pf-ostrzezenie),
.yellowbox, .\.yellowbox, .bluebox, .\.bluebox {
  --pf-box-bg: var(--pf-promo-bg); --pf-box-fg: var(--pf-promo-text); --pf-box-line: color-mix(in srgb, var(--pf-promo-text) 28%, transparent); --pf-box-edge: var(--pf-accent);
  margin: var(--pf-space-6, 32px) 0; padding: var(--pf-space-5, 20px); border: 1px solid var(--pf-box-line); border-left: 4px solid var(--pf-box-edge);
  border-radius: var(--pf-radius-card, 12px); background: var(--pf-box-bg); color: var(--pf-box-fg); font-size: var(--pf-fs-body, 1rem); line-height: var(--pf-lh-body, 1.6);
}
.wp-block-group.is-style-pf-informacja, .bluebox, .\.bluebox { --pf-box-bg: var(--pf-action-soft); --pf-box-fg: var(--pf-text); --pf-box-line: var(--pf-action-soft-line); --pf-box-edge: var(--pf-action); }
.wp-block-group.is-style-pf-opinia { --pf-box-bg: var(--pf-contest-bg); --pf-box-fg: var(--pf-contest-text); --pf-box-line: color-mix(in srgb, var(--pf-contest-text) 28%, transparent); --pf-box-edge: var(--pf-positive); }
.wp-block-group.is-style-pf-ostrzezenie { --pf-box-bg: color-mix(in srgb, var(--pf-negative) 8%, var(--pf-bg)); --pf-box-fg: var(--pf-text); --pf-box-line: color-mix(in srgb, var(--pf-negative) 30%, transparent); --pf-box-edge: var(--pf-negative); }
:is(.wp-block-group.is-style-pf-wskazowka, .wp-block-group.is-style-pf-informacja, .wp-block-group.is-style-pf-opinia, .wp-block-group.is-style-pf-ostrzezenie, .yellowbox, .\.yellowbox, .bluebox, .\.bluebox) > :last-child { margin-bottom: 0; }
:is(.wp-block-group.is-style-pf-wskazowka, .wp-block-group.is-style-pf-informacja, .wp-block-group.is-style-pf-opinia, .wp-block-group.is-style-pf-ostrzezenie, .yellowbox, .\.yellowbox, .bluebox, .\.bluebox) .pf-box-title {
  display: block; margin: 0 0 var(--pf-space-2, 8px); color: var(--pf-box-fg); font-size: var(--pf-fs-eyebrow, .75rem); font-weight: var(--pf-fw-heading, 700); letter-spacing: var(--pf-ls-eyebrow, .06em); text-transform: uppercase;
}
.wp-block-group.is-style-pf-informacja .pf-box-title { color: var(--pf-action); }
.wp-block-group.is-style-pf-ostrzezenie .pf-box-title { color: var(--pf-negative); }