/**
* Styl uniwersalny (pilotaz) - user 2026-08-06: "Robimy styl uniwersalny dla
* wszystkich for [...] Wywalamy te naglowki i tabele trzymajace forum -
* calosc przechodzi w skalowalny CSS [...] Baza jest styl zero jasny -
* dorob rowniez wersje ciemna [...] Szerokosc bazowa 1200px."
*
* Zastepuje tabelkowy uklad styl_forum0-9.css semantycznym HTML + CSS
* (flex/grid). Kolory jasnego motywu wziete 1:1 ze styl_forum0.css (baza
* per zadanie). Uzywane WYLACZNIE przez layouts/forum-v2.php + pages/v2/*
* (patrz Forum::biezace()/View::render() - pilotaz, na razie tylko
* sp7pki.iq24.pl). Stare style_forumN.css zostaja bez zmian.
*
* Motyw: :root = jasny (domyslny i jedyny, dopoki odwiedzajacy sam nie
* wybierze inaczej - user 2026-08-06: "niech domyslnym trybem bedzie tryb
* jasny"; CELOWO bez auto-wykrywania prefers-color-scheme systemu). Ciemny
* wlacza sie WYLACZNIE jawnym wyborem w przelaczniku - atrybutem
* data-motyw="ciemny" na (ustawianym server-side z ciasteczka
* iq24_motyw w forum-v2.php, zeby nie bylo mrugniecia przy ladowaniu).
*
* Skala czcionki: przelacznik A-/A+ (public/js/preferencje.js) zmienia
* --skala inline na (krok -2..+2, patrz forum-v2.php); cala reszta
* pliku jest w rem, wiec skaluje sie proporcjonalnie.
*/
/* ===================================================== RESET / PODSTAWY */
*, *::before, *::after { box-sizing: border-box; }
html {
/* 100% = domyslny rozmiar przegladarki (zwykle 16px); --skala mnozy go,
NIE mnozy wlasnego font-size (uniknieta cyrkularnosc rem-do-rem). */
font-size: calc(100% * var(--skala, 1));
}
body {
margin: 0;
font-family: var(--font);
font-size: 0.875rem;
line-height: 1.5;
color: var(--tekst);
background: var(--tlo);
}
a { color: var(--link); text-decoration: none; }
a:hover, a:focus-visible { color: var(--link-hover-tekst); background: var(--link-hover-tlo); }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
outline: 2px solid var(--link-hover-tlo);
outline-offset: 1px;
}
h1 { font-size: 1.5rem; font-weight: bold; text-wrap: balance; margin: 0.6em 0; }
h2 { font-size: 1.125rem; font-weight: bold; margin: 0.6em 0; }
/* tlo/kolor jawnie, nie tylko font - w layouts/forum-v2.php (potrzebne, zeby np. suwaki/scrollbar tez
podazaly za motywem) ma efekt uboczny: przegladarka sama nakleja WLASNE,
natywne ciemne tlo na kazdy input/textarea/select bez jawnego tla, gdy
system/przegladarka odwiedzajacego jest w trybie ciemnym - NIEZALEZNIE od
wybranego na stronie data-motyw="jasny" (zgloszenie usera: pola logowania,
Szukaj, ShoutBox wygladaly na ciemno mimo jasnego motywu strony). */
textarea, input, select {
font-family: var(--font);
font-size: 0.875rem;
background: var(--tlo-karty);
color: var(--tekst-mocny);
/*