/* Ten-step scale. Nothing between steps. */
:root{
  --s-1:4px; --s-2:8px; --s-3:12px; --s-4:16px; --s-5:24px;
  --s-6:32px; --s-7:48px; --s-8:64px; --s-9:96px; --s-10:144px;

  /* Measure */
  --container:1120px;
  --column:680px;

  /* Applied rhythm */
  --page-pad-mobile:var(--s-5);    /* 24 */
  --page-pad-desktop:64px;         /* 80 in the spec; 64 where a card viewport is narrow */
  --page-pad:80px;
  --space-page-top:var(--s-10);    /* 144 above the first element, desktop */
  --space-section:var(--s-9);      /* 96 between sections */
  --space-paragraph:var(--s-5);    /* 24 between paragraphs */

  /* Geometry */
  --radius:0;
  --hairline:1px;
  --rule-thick:2px;                /* logo stroke ratio, used for emphasis rules only */
}