:root{
  /* Hairline steps used for optical nudges */
  --spacing-2:2px; --spacing-3:3px; --spacing-6:6px;
  /* The main scale */
  --spacing-xs:4px; --spacing-sm:8px; --spacing-md:12px; --spacing-lg:16px;
  --spacing-xl:24px; --spacing-2xl:32px; --spacing-3xl:64px; --spacing-4xl:128px;
}