:root{
  --space-0:0;
  --space-1:2px;
  --space-2:5px;
  --space-3:8px;
  --space-4:10px;
  --space-5:15px;
  --space-6:20px;
  --space-7:25px;
  --space-8:30px;
  --space-9:40px;
  --space-10:50px;
  --space-12:60px;
  --space-14:80px;
  --space-16:100px;

  /* Section rhythm — from the live page */
  --section-pad-y:80px; /* @kind spacing */
  --section-pad-y-tight:50px; /* @kind spacing */
  --section-pad-y-loose:100px; /* @kind spacing */
  --section-pad-x:40px; /* @kind spacing */
  --section-pad-x-m:20px; /* @kind spacing */
  --container-max:1200px; /* @kind spacing */
  --container-narrow:900px; /* @kind spacing */
  --grid-gutter:20px; /* @kind spacing */

  /* Radii */
  --radius-0:0;
  --radius-xs:5px;
  --radius-sm:8px;
  --radius-md:13px;
  --radius-lg:25px;
  --radius-pill:50px;
  --radius-circle:50%;

  /* Control sizes */
  --control-h:48px; /* @kind spacing */
  --control-h-sm:38px; /* @kind spacing */
  --control-pad-x:32px; /* @kind spacing */
  --medallion:90px; /* @kind spacing */
}