:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;
  --space-10:128px;
  --space-11:180px;

  --gutter-inline:32px;
  --gutter-inline-lg:64px;
  --section-y:var(--space-9);
  --section-y-lg:var(--space-10);
  --card-pad:28px;
  --card-pad-sm:20px;
  --stack-gap:var(--space-4);

  --container-max:1240px;
  --container-narrow:760px;

  --radius-xs:4px;
  --radius-sm:6px;
  --radius-md:10px;
  --radius-lg:16px;
  --radius-xl:24px;
  --radius-pill:999px;

  --border-w:1px;
  --rule-w:1px;
  --accent-bar-w:2px;
}