/* ══════════════════════════════════════════════════════════════════════════ MARKA GOTÓW — jeden plik zmiennych dla trzech serwisów ksm.gotow.pl · diecezja.gotow.pl · parafia.gotow.pl Źródło: Karta spójności z audytu z 30 sierpnia 2026 (RAPORT-czesc-4-i-karta). Audyt zmierzył, że trzy serwisy mają dwie różne palety, trzy rozwiązania nagłówków i przełącznik poziomów o wysokości 16 px przy normie 44. Ten plik jest jednym miejscem, w którym się to poprawia. ── DLACZEGO TU SĄ SAME ZMIENNE ──────────────────────────────────────────── Wartości bezpośrednie w trzech generatorach rozjeżdżają się przy pierwszej poprawce zrobionej w pośpiechu w jednym z nich. Zmienna zmieniona tutaj zmienia wszystkie trzy naraz — i tylko dlatego kontrast da się poprawić w 53 miejscach jednym ruchem, a nie pięćdziesięcioma trzema. ── SKĄD SIĘ WCZYTUJE ────────────────────────────────────────────────────── `/ksm/wspolne/marka.css` — ten sam adres działa na wszystkich trzech domenach, bo wszystkie trzy obsługuje ten sam serwer z tego samego katalogu. Żaden serwis nie sięga po plik do cudzej domeny: nie ma pojedynczego punktu awarii ani opóźnienia na obcym połączeniu. ── KRÓJ NAGŁÓWKÓW ───────────────────────────────────────────────────────── Karta mówi „Garamond (w sieci EB Garamond), zapasowo Georgia". EB GARAMONDA NA TYM SERWERZE NIE MA: pięć plików `EBGaramond-*.ttf` w `podrecznik-ksiazka/` to strony HTML zapisane pod nazwą czcionki (po 305 KB, każda zaczyna się od ``). Do czasu dostarczenia prawdziwych plików nagłówki idą krojem zapasowym z Karty — Georgią. Nie dokładamy 385 kB obcego kroju do każdej z 10 348 stron parafii, żeby „mieć webfont": waga strony to osobna pozycja tego samego audytu. ══════════════════════════════════════════════════════════════════════════ */ :root { /* ── BARWY (Karta spójności → „Barwy") ───────────────────────────────── */ --m-granat: #0b2242; /* nagłówki, paski, przyciski główne */ --m-blekit: #2069c2; /* odnośniki i akcenty */ --m-zolc: #FFC20E; /* wyróżnienia, stan aktywny */ --m-blekit-ksm: #0057A8; /* elementy godła i grafik */ --m-czerwien: #E4032E; /* WYŁĄCZNIE ostrzeżenia i sprawy pilne */ --m-tlo: #f4f5f7; /* tło strony — jedno na trzech serwisach */ --m-drugi: #52514e; /* podpisy, metryczki */ /* BARWY POCHODNE — DO PISMA. Zmierzone na tle #f4f5f7, próg WCAG AA 4,5:1: #2069c2 błękit 4,99 — przechodzi, ale bez zapasu #185ba8 błękit-tekst 6,21 — z zapasem, i tym piszemy odnośniki #E4032E czerwień 4,42 — NIE PRZECHODZI jako pismo #c00227 czerwień-tekst 5,87 — tym piszemy ostrzeżenia #FFC20E żółć KSM 1,48 — żółci nie da się czytać, nigdy jako pismo #8a6400 żółć-tekst 4,93 — zastępnik żółci w piśmie Surowe barwy godła zostają do płaszczyzn, obwódek i ikon; pismo bierze odcienie z zapasem. Biel na granacie: 15,89. Granat na żółci: 9,82. */ --m-blekit-tekst: #185ba8; --m-czerwien-tekst: #c00227; --m-zolc-tekst: #8a6400; /* ── PISMO (Karta spójności → „Pismo") ───────────────────────────────── */ --m-naglowki: Georgia, "Times New Roman", serif; --m-tresc: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --m-h1: 42px; --m-h2: 26px; --m-h3: 21px; --m-tekst: 16px; /* najmniejszy stopień tekstu czytanego */ --m-podpis: 12px; /* najmniejszy stopień w ogóle */ /* ── KSZTAŁTY (Karta spójności → „Kształty") ─────────────────────────── */ --m-promien: 12px; /* karty i pola */ --m-promien-pigulka: 999px; --m-cel-dotyku: 44px; /* minimalna wysokość elementu do kliknięcia */ --m-pigulka-wys: 38px; /* sama pigułka; cel dotyku dobija obszar klikalny */ /* ── GODŁO (Karta spójności → „Godło") ───────────────────────────────── */ --m-godlo-min: 20px; --m-godlo: 24px; /* zalecane, z zapasem */ --m-godlo-pole: 0.25; /* pole ochronne = ¼ wysokości znaku */ } /* ── PRZEŁĄCZNIK POZIOMÓW ────────────────────────────────────────────────── Wzór przeniesiony z parafia.gotow.pl, gdzie działa i został zmierzony jako dobry — nie projektowany od nowa. Na serwisie głównym miał 16 px wysokości i zerowe odstępy; palcem nie dało się w niego trafić. PIGUŁKA MA 38 px, ale OBSZAR KLIKALNY 44 px: `min-height` na elemencie i tak nie zwiększyłby pola trafienia, gdyby napis był mniejszy — dlatego wysokość dobija `padding`, a nie sam `height`. */ .m-poziomy { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; } /* Podwójny zapis selektora: arkusz marki wczytuje się PRZED stylem serwisu, więc przy równej wadze wygrywałby styl serwisu (`.nav3 a`). `nav.m-poziomy a` ma wagę wyższą i wygrywa niezależnie od kolejności — a wariant bez `nav` zostaje dla miejsc, gdzie przełącznik nie jest elementem