:root {
  /* ─── Spacing — 4px base unit ─────────────────────────────── */
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 96px;

  /* ─── Layout ──────────────────────────────────────────────── */
  --container-max: 1280px;
  --container-gutter: 48px;
  --rail-width: 240px;     /* topic filter / nav rail */
  --sidebar-width: 260px;  /* CMS app sidebar */
  --nav-height: 64px;
  --toolbar-height: 48px;  /* CMS grid toolbar */
  --row-height: 40px;      /* CMS grid row */
}