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

  --gap-card:16px;        /* gutter between cards on a page */
  --pad-card:20px;        /* card inner padding */
  --pad-card-tight:14px;  /* list-row card padding */
  --pad-control-x:14px;
  --pad-control-y:9px;
  --pad-page-x:24px;
  --pad-page-y:20px;

  --rail-width:196px;     /* left navigation rail */
  --panel-width:344px;    /* right AI briefing panel */
  --queue-width:376px;    /* inbox conversation queue */
  --control-h:38px;
  --control-h-lg:44px;
  --row-h:52px;
}