/* ============================================================
   PNS-Univ — SPACING & LAYOUT TOKENS
   4px base grid. Touch targets ≥ 44×44px (Charte / WCAG 2.1 AA).
   Breakpoints follow the national charter (Mobile First).
   ============================================================ */
:root {
  /* ---- Spacing scale (4px base) ---- */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   28px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* ---- Touch / control sizing ---- */
  --tap-min:        44px;  /* WCAG AA minimum hit area      */
  --control-h:      48px;  /* default button / input height */
  --control-h-sm:   40px;
  --control-h-lg:   54px;  /* primary CTA on mobile         */

  /* ---- Container widths ---- */
  --container-max:  1600px;  /* marketing / landing         */
  --container-app:  1400px;  /* back-office content          */
  --container-prose: 760px;

  /* ---- Charter breakpoints (Mobile First) ---- */
  --bp-mobile:   320px;
  --bp-tablet:   768px;
  --bp-desktop:  1024px;
  --bp-wide:     1440px;
}