/* Kibios - starý stylopis zabalený do kaskádové vrstvy.
 *
 * ## Proč to existuje
 *
 * Veřejné podstránky od 10. 9. 2026 stojí na TÉMŽE designovém systému jako
 * úvodní stránka, tedy na Tailwindu. Jenže hlavičku, patičku a další chrome
 * pořád drží `styles.css` (413 kB), a ten je celý MIMO vrstvy.
 *
 * V CSS kaskádě má nezavrstvené pravidlo přednost před KAŽDÝM zavrstveným, bez
 * ohledu na specificitu a bez ohledu na pořadí souborů. `styles.css` má hned
 * na začátku `* { box-sizing: border-box; margin: 0; padding: 0 }`, takže
 * vynuloval každý odstup z Tailwindu: `px-*`, `mt-*`, `gap-*`, `mx-auto`.
 *
 * Změřeno: kontejner podstránky měl `max-width: 1152px` (utilita prošla,
 * protože pro ni `styles.css` konkurenční pravidlo nemá), ale `padding-left:
 * 0px` a `margin-left: 0px` - obsah se lepil na levý okraj okna. Barvy, písmo
 * a rámečky přitom fungovaly, takže to na první pohled vypadalo jako chyba
 * rozvržení, ne kaskády.
 *
 * ## Co s tím dělá tenhle soubor
 *
 * Vloží `styles.css` do vrstvy `legacy` a rovnou určí pořadí vrstev:
 *
 *     theme  <  base  <  legacy  <  components  <  utilities
 *
 * Tím se srovnají obě strany:
 *
 *   - `legacy` je ZA `base`, takže `styles.css` pořád přebíjí preflight
 *     Tailwindu a hlavička s patičkou vypadají přesně jako dosud;
 *   - `legacy` je PŘED `utilities`, takže utility na nové značce vyhrávají
 *     a odstupy konečně platí.
 *
 * ⚠️ Pořadí vrstev určuje PRVNÍ deklarace v dokumentu, proto musí tenhle
 * soubor v hlavičce stát před přeloženým stylopisem Tailwindu. Ten si sám
 * deklaruje `theme, base, components, utilities`; opakovaná deklarace už
 * pořadí nemění, takže `legacy` zůstane, kam patří.
 *
 * ⚠️ NEPŘIDÁVAT sem pravidla. Je to jen obal. Cokoli vlastního patří do
 * `lib/publicPageClasses.js` (třídy) nebo do `frontend/src/index.css` (tokeny).
 */
@layer theme, base, legacy, components, utilities;

@import url('/styles.css') layer(legacy);