/* Spacing — the styleguide's auto-layout ladder. 64 frames a page section,
   32 separates blocks inside it, 24/20/16 sit inside cards, 12/8/6/4/2 handle
   label stacks and pill interiors. */
:root{
  --space-2:2px;
  --space-4:4px;
  --space-6:6px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-16:16px;
  --space-20:20px;
  --space-24:24px;
  --space-32:32px;
  --space-48:48px;
  --space-64:64px;

  --gap-section:64px;
  --gap-block:32px;
  --gap-card:24px;
  --gap-stack:16px;
  --gap-label:12px;
  --gap-tight:8px;
  --gap-micro:4px;

  --pad-page:64px;
  --pad-panel:32px;
  --pad-card:20px;
  --pad-row:16px;
  --pad-chip-y:4px;
  --pad-chip-x:8px;

  --page-width:1440px;
  --content-width:1312px;
}