:root{
  /* page + section gutters */
  --gut-page:clamp(20px,5vw,64px); /* @kind spacing */
  --gut-sec:clamp(48px,6vw,88px); /* @kind spacing */

  /* radii */
  --r-sm:8px; --r-md:14px; --r-lg:22px; --r-xl:28px; --r-pill:999px;

  /* spacing scale (4px base) */
  --sp-1:4px; --sp-2:8px; --sp-3:12px; --sp-4:16px; --sp-5:20px;
  --sp-6:24px; --sp-8:32px; --sp-10:40px; --sp-12:48px; --sp-16:64px; --sp-20:80px;

  /* hairline rule width */
  --rule-w:1px; /* @kind spacing */
}