:root{
  --sf-space-1:4px;
  --sf-space-2:8px;
  --sf-space-3:12px;
  --sf-space-4:16px;
  --sf-space-5:20px;
  --sf-space-6:24px;
  --sf-space-7:28px;
  --sf-space-8:32px;
  --sf-space-9:36px;
  --sf-space-10:44px;
  --sf-space-12:56px;
  --sf-space-14:64px;
  --sf-space-16:80px;
  --sf-space-20:96px;
  --sf-space-24:112px;
  --sf-space-26:120px;

  /* layout */
  --sf-container:1240px;
  --sf-container-prose:900px;
  --sf-container-narrow:820px;
  --sf-gutter:24px;
  --sf-header-height:88px;
  --sf-section-y:120px;
  --sf-section-y-sm:56px;
  --sf-card-pad:32px;
  --sf-card-pad-lg:36px 32px;
  --sf-grid-gap:20px;
  --sf-grid-gap-lg:24px;
  --sf-split-gap:56px;
  --sf-col-min:330px;

  /* measures */
  --sf-measure-lead:66ch;
  --sf-measure-body:80ch;
  --sf-measure-headline:24ch;
}