:root{
  --space-hair:1px;
  --space-xxs:4px;
  --space-xs:8px;
  --space-sm:12px;
  --space-md:16px;
  --space-lg:24px;
  --space-xl:32px;
  --space-xxl:48px;
  --space-section:96px;

  /* semantic layout */
  --content-max:1200px;
  --gutter-desktop:var(--space-xxl);
  --gutter-mobile:var(--space-lg);
  --pad-card:var(--space-lg);
  --pad-block:var(--space-xxl);
  --rhythm-section:var(--space-section);
  --nav-height:56px;
}