/* ── Grands écrans 1440px et plus ─────────────────────────────── Stratégie wide-screen:on élargit progressivement les conteneurs et on ajuste légèrement l'échelle typographique pour éviter que le contenu ne paraisse "ratatiné" sur 1920p / 2560p / 3440p+. Les tokens --container-* et --text-scale sont définis dans css/base/config.css (Phase 1) et consommés par css/components/ container.css (Phase 2) ainsi que par les pages utilisant --max-width. ─────────────────────────────────────────────────────────────── */ /* 1440px (laptop large / 2K compact) */ @media (min-width:1440px){:root{--max-width:1400px;--container-default:1320px;--container-wide:1500px;--text-scale:1.02}}/* 1920px (Full HD large / 2K standard) */ @media (min-width:1920px){:root{--max-width:1600px;--container-default:1440px;--container-wide:1680px;--text-scale:1.06}}/* 2560px (2K large / 4K compact) */ @media (min-width:2560px){:root{--max-width:1760px;--container-default:1560px;--container-wide:1840px;--text-scale:1.10}}/* 3440px (ultra-wide 21:9) */ @media (min-width:3440px){:root{--max-width:1920px;--container-default:1720px;--container-wide:2080px;--text-scale:1.12}}