/* Most między systemem tokenów aplikacji a Bulmą.
   Bulma 1.x buduje kolory z zmiennych --bulma-*, więc zamiast nadpisywać
   komponenty, mapujemy nasze tokeny (schematy × jasny/ciemny, app.css) na
   zmienne Bulmy. Dzięki temu wszystkie sześć schematów i tryb dzień/noc
   działają w komponentach Bulmy bez ani jednej reguły na komponent. */

:root {
  /* Powierzchnie i tekst */
  --bulma-body-background-color: var(--bg);
  --bulma-body-color: var(--tekst);
  --bulma-scheme-main: var(--bg-2);
  --bulma-scheme-main-bis: var(--bg-3);
  --bulma-scheme-main-ter: var(--bg-3);
  --bulma-background: var(--bg-3);
  --bulma-border: var(--linia);
  --bulma-border-weak: var(--linia);
  --bulma-text: var(--tekst);
  --bulma-text-strong: var(--tekst);
  --bulma-text-weak: var(--tekst-2);
  --bulma-link-text: var(--akcent);
  --bulma-link-text-hover: var(--akcent);

  /* Typografia i geometria — jednostki rem, żeby skalowanie czcionki
     (REQ-025) powiększało cały interfejs, nie tylko tekst. */
  --bulma-family-primary: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --bulma-radius: var(--promien);
  --bulma-radius-small: calc(var(--promien) * .5);
  --bulma-radius-large: calc(var(--promien) * 1.5);
  --bulma-block-spacing: 1rem;

  /* Cele dotykowe: Bulma domyślnie daje 2.5em; REQ-026 i ergonomia telefonu
     wymagają co najmniej 44 px na główne kontrolki. */
  --bulma-control-height: max(2.5em, var(--dotyk));
}

/* Barwa wiodąca per schemat — Bulma wyprowadza z niej odcienie komponentów,
   więc podajemy składowe HSL, a nie gotowy kolor. */
:root                          { --bulma-primary-h: 243deg; --bulma-primary-s: 75%; --bulma-primary-l: 59%; }
:root[data-scheme="ocean"]     { --bulma-primary-h: 193deg; --bulma-primary-s: 82%; --bulma-primary-l: 31%; }
:root[data-scheme="zorza"]     { --bulma-primary-h: 262deg; --bulma-primary-s: 83%; --bulma-primary-l: 58%; }
:root[data-scheme="bursztyn"]  { --bulma-primary-h:  26deg; --bulma-primary-s: 90%; --bulma-primary-l: 37%; }
:root[data-scheme="lesny"]     { --bulma-primary-h: 146deg; --bulma-primary-s: 44%; --bulma-primary-l: 33%; }
:root[data-scheme="malina"]    { --bulma-primary-h: 339deg; --bulma-primary-s: 54%; --bulma-primary-l: 43%; }

/* Bulma rozpoznaje tryb ciemny po data-theme="dark"; nasz przełącznik ma trzy
   stany, więc w trybie automatycznym oddajemy decyzję preferencji systemu. */
@media (prefers-color-scheme: dark) {
  :root[data-theme="auto"] { --bulma-scheme-brightness: dark; }
}
:root[data-theme="dark"] { --bulma-scheme-brightness: dark; }

/* Reguły `.stan-sieci` (pasek stanu sieci ze szkieletu PWASKEL) usunięto
   w 0.4.x, zgłoszenie #66: klasy nie nosił ani jeden element w żadnym
   szablonie ani w JS. Stan połączenia komunikuje w tej aplikacji
   `#offline-banner` (klasa `.pasek-offline`, layouts/base.tmpl), a martwa
   reguła CSS myli tak samo jak znacznik bez kodu — kto zobaczyłby ją tutaj,
   uznałby, że wskaźnik stanu sieci gdzieś istnieje. */

/* Wydruk planu ma własny dokument i arkusz (web/static/css/druk.css) —
   strona wydruku nie ładuje tego pliku, więc nie ma tu reguł @media print. */