:root{
  --spacing-unit:4px;
  --spacing-4:4px;   --spacing-8:8px;   --spacing-12:12px; --spacing-16:16px;
  --spacing-24:24px; --spacing-32:32px; --spacing-40:40px; --spacing-48:48px;
  --spacing-56:56px; --spacing-64:64px; --spacing-80:80px; --spacing-128:128px;

  /* Layout */
  --page-max-width:1200px;
  --section-gap:64px;
  --card-padding:16px;
  --element-gap:8px;
  --nav-item-gap:40px;

  /* Radii — pill buttons against soft-cornered cards is the intended contrast */
  --radius-cards:8px;
  --radius-inputs:8px;
  --radius-tags:16px;
  --radius-buttons:32px;
  --radius-lg:8px; --radius-xl:12px; --radius-2xl:16px; --radius-3xl:32px;

  /* Button geometry, verbatim from the source */
  --button-padding-y:24px;
  --button-padding-x:48px;
  --button-border-width:2px;
}