/* Tokeny „Rozpisz plan działań” — te same nazwy i wartości co kolekcja zmiennych „Kolory” w Figmie
   (tryby Ciemny i Jasny). Zmiana motywu = atrybut data-theme na <html>. */
:root,
:root[data-theme="dark"]{
  color-scheme:dark;
  --tlo-strona:#070c0f;
  --tlo-panel:#0f181d;
  --tlo-podniesione:#15232b;
  --linia-dekoracyjna:#2c3e48;
  --linia-sterowanie:#7b92a0;
  --tekst-glowny:#e4eff4;
  --tekst-drugi:#a2b8c4;
  --tekst-trzeci:#7b92a0;
  --akcent-glowny:#f4e53a;
  --akcent-tekst:#070c0f;
  --znacznik-rog:#f4e53a;
  --stan-ok:#5cf2a6;
  --stan-warunek:#ffb54a;
  --stan-blok:#ff5a6e;
  --stan-nieznany:#b9c7cf;
  --kanal-a:#3fe3ff;
  --kanal-b:#ff55d4;
  --kanal-c:#b9a2ff;
}
:root[data-theme="light"]{
  color-scheme:light;
  --tlo-strona:#f4f6f4;
  --tlo-panel:#ffffff;
  --tlo-podniesione:#e9eeeb;
  --linia-dekoracyjna:#cbd4d3;
  --linia-sterowanie:#5d6e75;
  --tekst-glowny:#14201f;
  --tekst-drugi:#44545a;
  --tekst-trzeci:#5d6e75;
  --akcent-glowny:#1f4fd8;
  --akcent-tekst:#ffffff;
  --znacznik-rog:#f4e53a;
  --stan-ok:#0b7a43;
  --stan-warunek:#8a5300;
  --stan-blok:#b3202f;
  --stan-nieznany:#4f5f66;
  --kanal-a:#006f89;
  --kanal-b:#b0127f;
  --kanal-c:#5b3fc4;
}

/* Rodziny czcionek (Google Fonts, licencja SIL OFL; w wersji końcowej hostowane samodzielnie) */
:root{
  --f-sans:'IBM Plex Sans',system-ui,'Segoe UI',Roboto,sans-serif;
  --f-mono:'IBM Plex Mono',ui-monospace,Consolas,monospace;
  --f-cond:'Barlow Condensed','Arial Narrow',sans-serif;
  --ease-out:cubic-bezier(.16,1,.3,1);
  --glow:4px; --scan:.05;
}
:root[data-fx="off"]{--glow:0px;--scan:0}
:root[data-fx="mid"]{--glow:4px;--scan:.05}
:root[data-fx="full"]{--glow:9px;--scan:.1}

/* Style tekstu — nazwy jak w Figmie („Tekst/…”) */
.t-tytul{font:500 28px/1.3 var(--f-sans)}
.t-marka{font:600 20px/1.3 var(--f-sans)}
.t-panel{font:500 20px/1.3 var(--f-sans)}
.t-etykieta{font:500 16px/1.45 var(--f-sans)}
.t-tresc{font:400 16px/1.45 var(--f-sans)}
.t-stan{font:400 15px/1.45 var(--f-sans)}
.t-pomocniczy{font:400 14px/1.45 var(--f-sans)}
.t-liczba-duza{font:500 23px/1.3 var(--f-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}
.t-liczba{font:400 16px/1.45 var(--f-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}
.t-liczba-mala{font:400 14px/1.45 var(--f-mono);font-variant-numeric:tabular-nums;font-feature-settings:"zero" 1}
.t-przyrzad{font:500 18px/1.2 var(--f-cond);letter-spacing:.08em;text-transform:uppercase}