/* Spacing is a 2px-resolution scale, not a strict 8pt grid — the product uses
   9, 11, 13, 22 where they look right. Use the named steps; do not round them. */
:root{
  --space-0:0;
  --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-9:20px;
  --space-10:22px;
  --space-11:26px;
  --space-12:28px;
  --space-14:48px;
  --space-16:70px;

  /* recurring composites */
  --pad-panel-head:var(--space-8) var(--space-9);
  --pad-panel-body:var(--space-10);
  --pad-cell:var(--space-7) var(--space-8);
  --pad-btn:var(--space-6) var(--space-9);
  --pad-btn-sm:7px var(--space-6);
  --pad-chip:7px 13px;

  --gap-tight:var(--space-1);
  --gap-control:var(--space-3);
  --gap-card:var(--space-6);
  --gap-grid:var(--space-8);
  --gap-column:var(--space-11);

  --topbar-height:52px;
  --content-max:1180px;
  --content-gutter:var(--space-9);
  --sidepanel-token:340px;
  --sidepanel-launch:380px;
}