/* tokens.css - tokeny systemu wizualnego swiatlowodexpert.pl. Etap 2, decyzja D5 (11.09.2026).
   Jedyne dozwolone miejsce definicji zmiennych CSS (preflight: rodzaj naruszenia "definicja-zmiennej").
   1) Tokeny kanoniczne: blok :root strony glownej /index.html (produkcja 10.09.2026), wartosci bez zmian.
      Pominiete: color-scheme:light - to wlasciwosc, nie token.
   2) Tokeny zlozone ramy: wartosci doslownie z CSS naglowka strony glownej (tlo paska, przycisk pigulkowy,
      podpis nad numerem telefonu) - tylko nazwane, zeby rama.css nie zawierala doslownych kolorow.
   3) Barwy operatorow: docs/ZBROJA-IMPORTANT.md par. 5 (zmierzone 11.09 na orange-vs-netia).
   Plik laczony PRZED stylami strony: wlasne zmienne strony wygrywaja w tresci, rama dostaje wartosci kanoniczne.
   Zmiana wartosci = decyzja wlasciciela. */
:root{
--bg:#f5f6f8;
--bg-white:#ffffff;
--glass:rgba(255,255,255,.72);
--glass-border:rgba(22,25,29,.08);
--fiber:#2e90fa;
--fiber-strong:#1264c4;
--fiber-deep:#0d4f9e;
--fiber-glow:#8ec2ff;
--fiber-soft:#eaf3ff;
--ink:#16191d;
--ink-soft:#4b545e;
--ink-mute:#5d6670;
--ok:#1d9e75;
--warn:#ba7517;
--err:#d23b3b;
--font-ui:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-accent:'Instrument Serif',Georgia,serif;
--r-sm:10px;
--r-md:14px;
--r-lg:20px;
--r-pill:999px;
--shadow-glass:0 10px 40px -18px rgba(22,25,29,.18);
--shadow-glow:0 0 28px rgba(46,144,250,.28);
--maxw:1180px;
--sec-y:clamp(56px, 9vw, 110px);

--header-bg:rgba(245,246,248,.82);
--header-bg-blur:rgba(245,246,248,.66);
--btn-primary-text-shadow:0 1px 2px rgba(7,38,84,.45);
--btn-primary-shadow:0 14px 30px -12px rgba(18,100,196,.55),0 0 34px rgba(46,144,250,.22);
--btn-primary-shadow-hover:0 18px 38px -12px rgba(18,100,196,.6),0 0 46px rgba(46,144,250,.32);
--btn-primary-rim:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,.16));
--btn-primary-rim-border:rgba(255,255,255,.7);
--btn-primary-fill:linear-gradient(180deg,rgba(255,255,255,.5) 0%,rgba(255,255,255,.06) 44%,rgba(255,255,255,0) 60%),linear-gradient(180deg,#3a9bff 0%,#1565d6 46%,#0c54b8 100%);
--btn-primary-fill-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -4px 10px rgba(7,38,84,.4);
--telv-label:#1b2b42;

--operator-orange:#f06722;
--operator-orange-soft:#fff3ec;
--operator-orange-ink:#a53c08;
}