/* Kolejnosc warstw kaskady - jedyna rzecz w tym pliku.

   Ten arkusz wchodzi z `base.html` jako pierwszy i tylko ustala hierarchie.
   Od tej chwili o tym, ktora regula wygrywa, decyduje warstwa, a nie
   specyficznosc selektora: `components` bije `base` nawet wtedy, gdy `base`
   celuje selektorem dziesiec razy weziej.

   Dzieki temu:
     - nie potrzeba `!important` (stary arkusz mial go 40 razy),
     - nie trzeba pisac `.a .b .c .d`, zeby cos nadpisac,
     - Bootstrap i jQuery UI, ktore wchodza bez warstwy, stoja *nad*
       warstwami - dlatego reguly z `vendor` sciagaja je z powrotem na dol.

   Warstwy, od najslabszej:
     reset      - zerowanie roznic miedzy przegladarkami
     tokens     - wartosci (kolory, odstepy, promienie); nic nie styluje
     base       - domyslny wyglad samych znacznikow: h1, p, table, input
     layout     - szkielet strony: pasek gorny, tresc, stopka, siatki
     components - karty, przyciski, tabele, pola, okna, menu
     utilities  - drobne klasy pomocnicze, celowo najsilniejsze
*/

@layer reset, tokens, base, layout, components, utilities;