/* ── Spacing scale ───────────────────────────────────────────────────────
   4px base with two sub-steps for hairline optical work. Layout tokens at
   the bottom hold the app's fixed chrome dimensions. */
:root{
  --space-0:0;
  --space-025:2px;
  --space-05:4px;
  --space-1:6px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-7:32px;
  --space-8:40px;
  --space-9:48px;
  --space-10:64px;
  --space-11:80px;
  --space-12:96px;
  --space-13:128px;
  --space-14:160px;

  --gutter-mobile:20px;
  --gutter-tablet:32px;
  --gutter-desktop:48px;

  --sidebar-w:252px;
  --sidebar-w-collapsed:68px;
  --rail-w:320px;          /* contextual right panel */
  --topnav-h:60px;
  --mobilenav-h:66px;
  --container-app:1440px;
  --container-site:1180px;

  --touch-min:44px; /* @kind spacing */
  --section-y:var(--space-12); /* @kind spacing */
  --section-y-mobile:var(--space-10); /* @kind spacing */
}