/*
 * psem-layers.css — l'ordine dei fogli dell'app. DEVE essere il primo foglio della pagina.
 *
 * Livelli (cascade layers), dal più debole al più forte:
 *   vendor     Bootstrap 5.3, Font Awesome 6.4, Select2: copie «.layer.css» avvolte in
 *              @layer vendor {…} (frontend/vendor_livelli.py), caricate con <link> normali
 *   psem-base  gli elementi OTH di base: corpo, titoli, testata, piè, movimento (psem-base.css)
 *   legacy     i fogli storici: i 4 globali e i CSS di pagina, avvolti in @layer legacy {…}
 * Fuori da ogni livello, quindi più forti di tutti e tre: tokens.css (le variabili) e
 * psem-components.css (bottoni, campi, etichette, tabelle, avvisi). Così un bottone è lo
 * stesso su ogni pagina qualunque sia la specificità dei selettori storici, e i CSS di
 * pagina restano padroni della loro impaginazione.
 *
 * Attenzione ai !important: fra livelli l'ordine si inverte (vince il livello più debole).
 * Per questo il «movimento ridotto» globale sta in psem-base: nessun foglio lo scavalca.
 */
@layer vendor, psem-base, legacy;