/*
 * Motyw poradnika — MagiczneWrota.pl.
 * Dołączyć na stronach MW (<link rel="stylesheet">) obok src/poradnik.js. Zmienne przechodzą przez Shadow DOM,
 * a reguła ze strony wygrywa z wartościami domyślnymi silnika (:host).
 *
 * Źródło: żywy CSS test.magicznewrota.pl (app/view/themes/MW/style/*.css), 2026-11-07.
 * Fontów nie dociągamy — Overpass i Yeseva One ładuje już strona MW.
 */
mw-poradnik {
  --p-tlo: #1e1146;                 /* tło #react_text, tekst na złotych przyciskach */
  --p-ramka-panelu: #3f216d;        /* .mw-button--purple, pasek przewijania */
  --p-tekst: #c7c6d8;               /* .mw-page__body */
  --p-tytul: #fff;
  --p-tytul-waga: 400;              /* Yeseva One ma tylko krój 400 */
  --p-akcent: #e6c28d;              /* .mw-button: linear-gradient(90deg,#e6c28d,#ba9865) */
  --p-akcent2: #ba9865;
  --p-na-akcencie: #1e1146;         /* tekst na złotym; też ciemna obwódka ramki (widać ją na złotym nagłówku) */
  --p-puls: rgba(255, 255, 255, .85);
  --p-podpowiedz-tlo: rgba(230, 194, 141, .12);
  --p-blad: #fa2162;                /* .komunikat_2 */
  --p-font: var(--mw-font-family, Overpass, sans-serif);
  --p-font-tytul: var(--mw-secondary-font-family, "Yeseva One", serif);
}