/* Odstępstwa od tokenów design systemu.
   Tokeny z `design/tokens/` kopiujemy do motywu bez jednej zmiany — to kontrakt
   z paczką projektową i jedyna droga wiedzie przez `./ff.ps1 sync`. Kiedy wartość
   z briefu nie broni się w działającej stronie, nadpisujemy ją tutaj, z powodem.
   Dzięki temu w diffie widać, co projektant dał, a co zmieniliśmy i dlaczego. */

:root {
  /* Brief: 56 px. Na tej wysokości dwuwierszowe nazwy kategorii
     („Ratownictwo medyczne”) nie mieszczą się pod ikoną i urywają się w połowie
     litery. 76 px to najniższy pasek, na którym etykieta zostaje czytelna,
     a wąż nadal wyraźnie się kurczy. */
  --hose-nav-sticky-h: 76px;

  /* Brief opisuje podświetlenie segmentu jako cień. Cień rysuje prostokąt: poświata
     zewnętrzna kładła jasną plamę na białym tle nad i pod wężem, a cień wewnętrzny
     obrysowywał segment ramką, zamiast oświetlić korpus. Świeci się sam wąż, więc
     światło jest miękką plamą kładzioną na kafel w trybie `soft-light`
     (patrz `hose-nav.css`, `.ff-hose__seg::after`). */
  --hose-hover-glow: radial-gradient(130% 130% at 50% 40%, rgba(255, 255, 255, 0.85) 0%, rgba(255, 255, 255, 0.35) 42%, rgba(255, 255, 255, 0) 78%);
  --hose-active-glow: radial-gradient(130% 130% at 50% 40%, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.55) 46%, rgba(255, 255, 255, 0) 82%);
}