/* ============================================================================
   layers.css — a stíluslap BELÉPÉSI PONTJA
   Adamo Platform · nyilvános weboldal
   ----------------------------------------------------------------------------
   Normatív forrás:
     15_kanonikus_dontesek.md  §6 „Szelet 1a / CSS-alap" sor
     14_konsz_implementacio.md §2.4.2 „A döntés: kaszkád-réteg, nem specifikusság"
     13_dark_mode_delta.md     §4.1  „CSS-sorrend"

   A KANONIKUS SZABÁLY (1a átvételi kritérium):
     „Rétegen kívüli (unlayered) szabály NINCS."
   Ok: a rétegen kívüli deklaráció MINDEN rétegezett deklarációt legyőz, tehát egyetlen
   elfelejtett szabály visszahozná azt a hibát, hogy rendszer-sötét + „system" állásban
   fekete lapot nyomtatunk (14 §2.4.1). A kivételek — mert nem is szabályok, hanem
   deklaratív at-rule-ok, és nem vesznek részt a kaszkádban:
     @font-face · @property · @keyframes
   CI-ellenőrzés: a lefordított CSS-ben minden szabály @layer blokkban van.
   ========================================================================= */

/* 1. A RÉTEGSORREND. Ez az első utasítás a fájlban (a @charset/@import kivételével
      semmi nem előzheti meg), és ez határozza meg a kaszkádot a specifikusságtól
      FÜGGETLENÜL. A nyomtatás az UTOLSÓ réteg — ezért győz a `print` réteg egy
      (0,2,0) specifikusságú `:root:not([data-theme="light"])` témaszabály fölött is. */
@layer tokens, theme, base, components, utilities, print;

/* 2. A rétegek tartalma.
      A behúzott fájlok MINDEGYIKE maga zárja a szabályait a saját `@layer` blokkjába
      (`tokens.css` → `@layer tokens`, `theme.css` → `@layer theme`, `print.css` →
      `@layer print`). Ezért itt sima `@import` áll, `layer()` függvény nélkül:

        - a fájl önmagában is érvényes és rétegtiszta (közvetlen betöltésnél, a
          harnessben, Vite dev-módban és a lefordított bundle-ben egyaránt);
        - a `layer()` + belső `@layer` páros `tokens.tokens` alrétegeket gyártana,
          ami működik, de egy plusz, feleslegesen félreérthető szintet vezet be;
        - az import SORRENDJE így nem is befolyásolja a kaszkádot — azt a fenti
          1. pont sorrendje adja. Ez a lényeg: két fájl nem tud sorrend-versenyt
          veszíteni egymással.

      A `base`, `components` és `utilities` rétegek NEVE itt már le van szögezve, a
      tartalmuk a későbbi szeletekben érkezik (1a-ban a harness, 3-ban a blokk-motor,
      5-ben a jogi sablon). A név-előrefoglalás szándékos: egy később hozzáfűzött
      `@layer components { … }` automatikusan a helyes pozícióba kerül. */
@import "tokens.css?v=9790edcd33";   /* @layer tokens  — érték-készlet: szín, tipó, térköz, radius, árnyék, longform, geometria */
@import "theme.css?v=1064a0d1b5";    /* @layer theme   — a NÉGY témaállapot három mechanizmussal + scope-olt sáv-felülírások */
@import "print.css?v=64b9dfbe06";    /* @layer print   — a nyomtatás MINDIG világos, akkor is, ha data-theme="dark" */

/* ----------------------------------------------------------------------------
   MIÉRT NINCS itt egyetlen szabály sem?
   Mert ez a fájl a belépési pont, és minden ide írt deklaráció rétegen kívül
   állna. Ha a jövőben ide kerülne bármi, azt előbb rétegbe kell tenni:
       @layer base { … }
   ------------------------------------------------------------------------- */