/* ============================================================
   MAIN CSS — Point d'entrée unique
   Ordre d'import : tokens → base → utils → components → sections
   ============================================================ */

/* 1. Design Tokens */
@import './tokens/_colors.css';
@import './tokens/_typography.css';
@import './tokens/_spacing.css';
@import './tokens/_breakpoints.css';
@import './tokens/_animations.css';

/* 2. Base */
@import './base/_reset.css';
@import './base/_typography.css';

/* 3. Utilities */
@import './utils/_mixins.css';

/* 4. Components — ajoutés au fur et à mesure */
/* @import './components/_button.css'; */
@import './components/_loader.css';
@import './components/_header.css';
@import './components/_nav-overlay.css';

/* 5. Sections — ajoutées au fur et à mesure */
@import './sections/_hero.css';
@import './sections/_chapter-1.css';
@import './sections/_chapter-2.css';
@import './sections/_chapter-3.css';
@import './sections/_chapter-4.css';
@import './sections/_chapter-5.css';
@import './sections/_chapter-6.css';
@import './sections/_chapter-7.css';
@import './sections/_chapter-8.css';
@import './sections/_chapter-9.css';
@import './sections/_chapter-10.css';
@import './sections/_chapter-11.css';

/* ── Shared chapter styles (dédupliqués) ──────────────────── */

.c3__album-cover img,
.c4__album-cover img,
.c5__album-cover img,
.c6__album-cover img,
.c7__album-cover img,
.c8__album-cover img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}