/* main.css — Index d'imports CSS
 *
 * Architecture (Phase 1 — voir ARCHITECTURE.md) :
 *   1. tokens.css       Variables design (palette, spacing, radius, shadows)
 *   2. legacy.css       CSS hérité (sera nettoyé dans les phases suivantes)
 *   3. base.css         Reset, body, scrollbars, focus, reduced-motion
 *   4. components/      Primitives UI (buttons, inputs, tabs, panels, etc.)
 *   5. layouts/         Shell, login, mobile breakpoints
 *   6. modules/         Styles spécifiques aux modules métier
 *
 * IMPORTANT : l'ordre des @import définit la cascade CSS.
 * Le legacy.css est importé AVANT les nouveaux composants pour que
 * ces derniers puissent surcharger proprement.
 */

/* 1. Tokens — toujours en premier */
@import "./tokens.css";

/* 2. Legacy — hérité du code original, en cours de nettoyage */
@import "./legacy.css";

/* 3. Base */
@import "./base.css";

/* 4. Components */
@import "./components/panels.css";
@import "./components/buttons.css";
@import "./components/inputs.css";
@import "./components/tabs.css";
@import "./components/cards.css";
@import "./components/status-pill.css";
@import "./components/tables.css";

/* 5. Layouts */
@import "./layouts/login.css";
@import "./layouts/shell.css";
@import "./layouts/sidebar.css";
@import "./layouts/mobile.css";

/* 6. Modules */
@import "./modules/dashboard.css";
@import "./modules/sales.css";
@import "./modules/overlays.css";
@import "./modules/announcements.css";
@import "./modules/resiliation.css";
@import "./modules/tva.css";
@import "./modules/documents.css";

/* 7. Admin theme — surcharges globales pour body.role-admin (en DERNIER
   pour gagner la cascade sur tous les autres fichiers). */
@import "./admin-theme.css";