/* Spacing & layout — 8px base unit, comfortable density.
   Section rhythm is slow: 96px between sections, 32px inside a card. */
:root{
  --spacing-unit:8px;
  --spacing-8:8px;
  --spacing-16:16px;
  --spacing-24:24px;
  --spacing-32:32px;
  --spacing-40:40px;
  --spacing-48:48px;
  --spacing-64:64px;
  --spacing-80:80px;
  --spacing-96:96px;

  --page-max-width:1320px;
  --section-gap:96px;
  --card-padding:32px;
  --element-gap:8px;

  /* Product chrome — the app shell the WMS screens hang off. */
  --nav-h:76px;
  --rail-w:248px;
  --control-h:40px;
  --control-h-sm:32px;

  /* Workspace density — the list-and-record surfaces (CRM, ledgers).
     The 96px marketing rhythm is wrong for a screen someone works in all day,
     so the workspace gets its own scale. It is still the 8px grid: every value
     below is a multiple, and every control in a workspace band is 32px so the
     band closes at a predictable 56px whatever it contains. */
  --workspace-pad-x:24px;      /* side padding, shared by every band and the table */
  --workspace-band-y:12px;     /* vertical padding of a toolbar or pager band */
  --workspace-band-h:56px;     /* 32px control + 12px above and below */
  --row-h:40px;                /* comfortable table row — one --control-h */
  --row-h-compact:32px;        /* compact row — one --control-h-sm */
  --head-h:32px;               /* table header row */
  --cell-pad-x:16px;
  --cell-pad-x-compact:12px;
  --icon-btn:32px;             /* square icon control, matches a sm button */
}