:root{
  --space-0:0px;
  --space-1:2px;
  --space-2:4px;
  --space-3:6px;
  --space-4:8px;
  --space-5:10px;
  --space-6:12px;
  --space-7:14px;
  --space-8:16px;
  --space-10:20px;
  --space-12:24px;
  --space-14:28px;
  --space-16:32px;
  --space-20:40px;
  --space-24:48px;
  --space-32:64px;
  --space-40:80px;

  /* App shell metrics measured off the reference dashboard */
  --sidebar-width:236px;
  --sidebar-width-collapsed:72px;
  --topbar-height:60px;
  --mobile-topbar-height:56px;
  --mobile-tabbar-height:64px;
  --grid-gutter:14px;
  --card-padding:16px;
  --card-padding-lg:20px;
  --content-max:1440px;
  --tap-target:44px;
}