/* ==========================================================================
   Peoplos — Spacing scale
   A calm, even rhythm. Component padding clusters around 22–26px; gaps use
   the smaller steps. Source: Peoplos Essence prototype.
   ========================================================================== */

:root {
  --pp-space-0:  0;
  --pp-space-1:  3px;   /* tightest gap (nav item stack) */
  --pp-space-2:  5px;   /* segmented control inner gap */
  --pp-space-3:  7px;   /* chip icon gap */
  --pp-space-4:  8px;   /* default small gap */
  --pp-space-5:  10px;
  --pp-space-6:  12px;  /* control gap */
  --pp-space-7:  14px;
  --pp-space-8:  16px;  /* section gap */
  --pp-space-9:  18px;
  --pp-space-10: 20px;  /* grid gap */
  --pp-space-11: 22px;  /* card padding (compact) */
  --pp-space-12: 26px;  /* card padding (default) */
  --pp-space-14: 32px;
  --pp-space-16: 40px;
  --pp-space-20: 56px;  /* section spacing */

  /* ---------- Layout constants ---------- */
  --pp-content-max: 1120px; /* centered content column */
  --pp-sidebar-w:   248px;  /* app sidebar */
}