/* ──────────────────────────────────────────────────────────────────────
 * MERIDIAN — Design v2
 * Orchestrateur — SEUL fichier référencé par les <link> des pages.
 *
 * Architecture en couches CSS natives (@layer) — la spécificité est
 * gérée par l'ORDRE des couches, pas par la verbosité des sélecteurs.
 * Une page peut surcharger un composant via la couche `pages` sans
 * jamais avoir à monter en spécificité (!important interdit).
 *
 * Ordre des couches (du moins spécifique au plus prioritaire) :
 *   tokens     → variables CSS (couleurs, typo, espace, motion)
 *   base       → reset, body, ::selection, typographie de base
 *   components → composants UI réutilisables
 *   utilities  → helpers (.row, .muted, .sr-only…)
 *   pages      → overrides spécifiques par page
 *
 * Ajouter une page : créer pages/<slug>.css et l'importer dans la page
 * concernée APRÈS index.css. Ses règles tomberont dans la couche `pages`.
 * ─────────────────────────────────────────────────────────────────────── */

@layer tokens, base, components, utilities, pages;

@import url('./tokens.css')     layer(tokens);
@import url('./base.css')       layer(base);
@import url('./components.css') layer(components);
@import url('./utilities.css')  layer(utilities);