/* ==========================================================================
   QWEEKLY — MAIN STYLESHEET (entry point)
   --------------------------------------------------------------------------
   Unico file da includere nelle pagine HTML:
       <link rel="stylesheet" href="/assets/css/main.css">

   Architettura: CSS Cascade Layers (@layer) — l'ordine dichiarativo qui
   sotto è autorevole, indipendentemente dall'ordine fisico degli @import.
   Layer più in alto = più "battibile". Layer più in basso = vince.

       reset      → reset e default elementi
       tokens     → custom properties (design system)
       base       → tipografia di base e elementi HTML
       layout     → primitives di layout (container, grid, stack…)
       components → button, card, navbar, footer, form…
       utilities  → helper ortogonali (text-center, mt-md, …)
   ========================================================================== */

/* 1. Dichiarazione esplicita dell'ordine dei layer.
      Va in cima — qualsiasi cosa NON in un @layer batte tutto. */
@layer reset, tokens, base, layout, components, utilities;

/* 2. Import dei singoli file. Ogni file dichiara il proprio @layer
      al suo interno; l'ordine fisico qui sotto è quindi indifferente
      ai fini della cascata, ma resta logico per leggibilità. */
@import url("./tokens.css");
@import url("./reset.css");
@import url("./base.css");
@import url("./icons.css");
@import url("./layout.css");
@import url("./components.css");
@import url("./utilities.css");