/* ───────────────────────────────────────────────────────────── Container — design system token-driven (Phase 2) ───────────────────────────────────────────────────────────── Classe utilitaire commune pour limiter la largeur du contenu et l'aligner verticalement sur toutes les pages. Pas de règle `display` ici — le conteneur reste neutre vis-à-vis de la mise en page interne (flex / grid / block conservés). Tokens consommés:--container-* (config.css) + --space-* pour le padding latéral. Les paliers wide-screen (1440 / 1920 / 2560 / 3440) sont gérés dans css/responsive/min-1440.css. ─────────────────────────────────────────────────────────────── */ .tt-container{width:100%;margin-inline:auto;max-width:var(--container-default);padding-inline:clamp(var(--space-md),4vw,var(--space-2xl))}/* Variantes de largeur */ .tt-container--narrow{max-width:var(--container-narrow)}.tt-container--wide{max-width:var(--container-wide)}.tt-container--fluid{max-width:none;padding-inline:clamp(var(--space-md),4vw,var(--space-3xl))}/* Modifieur edge-to-edge:retire le padding latéral pour les layouts app-like (messagerie,sidebar collée au bord,etc.). */ .tt-container--flush{padding-inline:0}