:root{
  --space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;
  --space-6:32px;--space-7:40px;--space-8:56px;--space-9:72px;--space-10:96px;--space-11:128px;

  --gutter:var(--space-5); /* @kind spacing */
  --section-y:clamp(56px,7vw,128px); /* @kind spacing */
  --section-y-tight:clamp(32px,4vw,64px); /* @kind spacing */
  --container-max:1280px; /* @kind spacing */
  --container-narrow:760px; /* @kind spacing */
  --container-pad:clamp(20px,4vw,56px); /* @kind spacing */

  --nav-h:76px; /* @kind spacing */
  --utility-h:40px; /* @kind spacing */

  --radius-0:0; /* @kind radius */
  --radius-xs:2px; /* @kind radius */
  --radius-sm:4px; /* @kind radius */
  --radius-md:8px; /* @kind radius */
  --radius-lg:14px; /* @kind radius */
  --radius-pill:999px; /* @kind radius */

  --border-w:1px; /* @kind spacing */
  --border-w-strong:2px; /* @kind spacing */
  --rule-w:3px; /* @kind spacing */
}