:root{
  /* 4px base grid */
  --space-0:0;--space-05:2px;--space-1:4px;--space-15:6px;--space-2:8px;
  --space-25:10px;--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-14:56px;
  --space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;

  /* Semantic spacing */
  --gap-inline:var(--space-2);
  --gap-stack:var(--space-3);
  --gap-section:var(--space-8);
  --pad-card:var(--space-5);
  --pad-card-compact:var(--space-4);
  --pad-field-x:var(--space-3);
  --pad-field-y:var(--space-2);
  --pad-cell-x:var(--space-3);
  --pad-cell-y:var(--space-2);
  --pad-page-x:var(--space-8);
  --pad-page-y:var(--space-6);

  /* Fixed chrome dimensions */
  --size-topbar:56px;
  --size-sidenav:248px;
  --size-sidenav-collapsed:56px;
  --size-row:40px;
  --size-row-compact:32px;
  --size-row-comfortable:48px;
  --size-control-sm:28px;
  --size-control-md:36px;
  --size-control-lg:44px;
  --size-touch-min:44px;
  --width-content-max:1440px;
  --width-prose-max:68ch;
  --width-dialog-sm:420px;
  --width-dialog-md:560px;
  --width-dialog-lg:760px;
}