/* ============================================================
 * Letterbook — entrypoint CSS
 *
 * Ordre de chargement intentionnel :
 *  1. tokens     — variables CSS (palette, espacement, dark mode)
 *  2. base       — reset + html/body/img
 *  3. typography — h1-h4, p, a, .mono
 *  4. a11y       — focus, sr-only, prefers-reduced-motion
 *  5. layout     — app-main wrapper + bottom-nav
 *  6. header     — app-header + user-menu
 *  7. buttons    — .btn et variantes
 *  8. forms      — inputs, labels, errors
 *  9. flash      — messages success/error
 *  10. utilities — stack, eyebrow, card, muted
 *
 * Les styles spécifiques à une page (home, fiche livre, etc.) sont
 * pour l'instant dans les <style> inline des templates Twig. Phase
 * suivante : les sortir aussi vers `assets/styles/pages/*.css`.
 * ============================================================ */

@import "_tokens.css";
@import "_base.css";
@import "_typography.css";
@import "_a11y.css";
@import "_layout.css";
@import "_header.css";
@import "_buttons.css";
@import "_forms.css";
@import "_flash.css";
@import "_utilities.css";

/* ============================================================
 * Pages — styles spécifiques par template Twig.
 * Chargés globalement (tout sur toutes les pages) car gzippés
 * c'est moins coûteux qu'autant de requêtes HTTP, et tout est
 * cacheable. Si une page devient lourde isolément, on splittera
 * via un block stylesheets dédié à ce moment-là.
 * ============================================================ */
@import "pages/home.css";
@import "pages/search.css";
@import "pages/work-show.css";
@import "pages/author-show.css";
@import "pages/profile-show.css";
@import "pages/list-show.css";
@import "pages/list-form.css";
@import "pages/list-row.css";
@import "pages/review-show.css";
@import "pages/notifications.css";
@import "pages/onboarding.css";
@import "pages/decouverte.css";