/*
 * vitrine/index.css — Plan 119-W orchestrator + Plan 119-SP-N (cascade layers).
 *
 * Entry point qui assemble la vitrine refondue (Plan 119-Q sanctuaire +
 * Fibonacci + tech-éthérée) à partir de modules segmentés, organisés en
 * **CSS Cascade Layers** (@layer — natif tous browsers depuis 2022).
 *
 * ═══════════════════════════════════════════════════════════════════════
 *  Hiérarchie des layers — du moins prioritaire au plus prioritaire
 * ═══════════════════════════════════════════════════════════════════════
 *   foundation  — tokens (variables CSS) + motion (keyframes + reduced-motion)
 *   components  — blocks BEM réutilisables (.cc-btn, .v119-portrait, etc)
 *   features    — chapters de la vitrine (I à X), 1 fichier par section
 *   overrides   — refontes ponctuelles qui surchargent un chapter/component
 *                 (suffixé -flow.css ou -override.css)
 *
 *  Règle de la cascade : layer déclaré PLUS TARD prime sur précédent,
 *  peu importe la spécificité du sélecteur ou l'ordre source.
 *
 *  → Polymorphisme propre : `chapters/05bis-about.css` (features) +
 *    `chapters/05bis-about-flow.css` (overrides) cohabitent sans conflit.
 *    Le flow gagne TOUJOURS sur le base, sans `!important` requis.
 *
 *  → Hiérarchie/récursivité : ajouter un nouveau layer plus tard
 *    (ex: @layer overrides, prod-hotfix;) → prod-hotfix prime sur tout.
 *
 * ═══════════════════════════════════════════════════════════════════════
 *
 * Cf .planning/MYCELIUM-119-Q-vitrine-vision.md pour le blueprint complet.
 * Cf site/public/vitrine/README.md pour la convention.
 */

/* ─── Déclaration de l'ordre des layers (toujours en TÊTE du fichier) ─── */
@layer foundation, components, features, overrides;

/* ─── foundation : tokens + motion (base) ───────────────────────────── */
@import url('tokens.css')          layer(foundation);
@import url('motion.css')          layer(foundation);

/* ─── components : blocks BEM réutilisables (ordre alpha — pas de
       dépendances inter-composants) ────────────────────────────────── */
@import url('components/advantage.css')   layer(components);
@import url('components/aurora.css')      layer(components);
@import url('components/auth-modal.css')  layer(components);
@import url('components/backlinks.css')   layer(components);
@import url('components/filaments.css')   layer(components);
@import url('components/footer.css')      layer(components);
@import url('components/form.css')        layer(components);
@import url('components/immersive.css')   layer(components);  /* Plan 119-IMM */
@import url('components/constellation.css') layer(components);  /* Plan 119-ECO */
@import url('components/interface-split.css') layer(components);  /* Plan 119-ECO §IV-bis */
@import url('components/central-stage.css') layer(components);  /* Plan 119-ECO §central-canvas */
@import url('components/glass-overlay.css') layer(overrides);  /* Plan 119-ECO §glass */
@import url('components/palier.css')      layer(components);
@import url('components/portrait.css')    layer(components);
@import url('components/screen.css')      layer(components);
@import url('components/seal.css')        layer(components);
@import url('components/spiral.css')      layer(components);
@import url('components/sublime.css')     layer(components);
@import url('components/textures.css')    layer(components);
@import url('components/thread.css')      layer(components);
@import url('components/tier.css')        layer(components);
@import url('components/topbar.css')      layer(components);
@import url('components/user-menu.css')   layer(components);

/* ─── features : chapters de la vitrine (ordre du flux narratif I → X) ─ */
@import url('chapters/01-hero.css')           layer(features);
@import url('chapters/02-origine.css')        layer(features);
@import url('chapters/03-methode.css')        layer(features);
@import url('chapters/04-cooperation.css')    layer(features);
@import url('chapters/05-site.css')           layer(features);
@import url('chapters/05bis-about.css')       layer(features);
@import url('chapters/06-cases.css')          layer(features);
@import url('chapters/07-internal.css')       layer(features);
@import url('chapters/08-pricing.css')        layer(features);
@import url('chapters/08bis-value-prop.css')  layer(features);
@import url('chapters/09-advantages.css')     layer(features);
@import url('chapters/10-invitation.css')     layer(features);

/* ─── overrides : refontes ponctuelles qui SURCHARGENT le base ────────
       Convention : suffixe -flow.css ou -override.css.
       Ces fichiers gagnent TOUJOURS sur leur chapter/component de base,
       grâce à la cascade @layer (pas besoin de !important).            */
@import url('components/cinematic-hero.css')    layer(overrides);  /* Plan 119-SP-P — refonte hero chap I (vidéo + texte HTML SEO + flare + grille hex) */
@import url('chapters/04-cooperation-flow.css') layer(overrides);
@import url('chapters/05bis-about-flow.css')    layer(overrides);  /* Plan 119-SP-M */
@import url('components/topbar-override.css')   layer(overrides);
@import url('components/footer-override.css')   layer(overrides);