:root{
  --sp-0:0px;
  --sp-1:4px;
  --sp-2:8px;
  --sp-3:12px;
  --sp-4:16px;
  --sp-5:24px;
  --sp-6:32px;
  --sp-7:40px;
  --sp-8:56px;
  --sp-9:80px;
  --sp-10:112px;
  --sp-11:160px;

  /* Radii — deliberately sharp */
  --radius-xs:2px;
  --radius-sm:3px;
  --radius-md:4px;
  --radius-lg:6px;
  --radius-pill:999px;

  /* Borders */
  --bw-hairline:1px; /* @kind spacing */
  --bw-strong:2px; /* @kind spacing */

  /* Layout */
  --container-max:1200px; /* @kind spacing */
  --container-narrow:760px; /* @kind spacing */
  --gutter:24px; /* @kind spacing */
  --section-y:112px; /* @kind spacing */
}