/* ============================================================
   MAIN.CSS — punto di ingresso unico per gli stili dell'app.
   Ogni file importato ha una singola responsabilità (un componente
   o una preoccupazione trasversale come le variabili di base).
   L'ORDINE conta: le variabili devono venire prima di tutto, i
   componenti seguono la stessa gerarchia visiva della pagina.
   ============================================================ */

/* Fondamenta: variabili di design e reset/base */
@import url("base/variables.css");
@import url("base/base.css");

/* Componenti, nello stesso ordine in cui appaiono in pagina */
@import url("components/match-panel.css");
@import url("components/formation.css");
@import url("components/pitch.css");
@import url("components/stats.css");
@import url("components/report.css");
@import url("components/footer.css");
@import url("components/auth.css");
@import url("components/devtools-guard.css");