/* 8px base unit; the doc's scale keeps odd values (1,3,5,15) — token name = px value. */
:root{
  --space-1:1px;
  --space-2:2px;
  --space-3:3px;
  --space-4:4px;
  --space-5:5px;
  --space-6:6px;
  --space-8:8px;
  --space-10:10px;
  --space-12:12px;
  --space-14:14px;
  --space-15:15px;
  --space-16:16px;
  --space-20:20px;
  /* Layout-scale extensions (marketing sections; addition, not in the source doc) */
  --space-24:24px;
  --space-32:32px;
  --space-40:40px;
  --space-56:56px;
  --space-80:80px;

  /* Component padding recipes from the doc */
  --pad-pill:var(--space-8) var(--space-16);
  --pad-pill-lg:0 43px;
  --pad-pill-outlined:var(--space-4) var(--space-16) var(--space-4) 36px;
  --pad-icon-circle:var(--space-12);
  --pad-input:var(--space-12) 48px;
}