/* Spacing. The source runs on a 5px base with a 10px working step; the odd
   values (8, 14) are real and appear in button and icon-row padding. */
:root{
  --space-2:2px;
  --space-3:3px;
  --space-5:5px;
  --space-8:8px;
  --space-10:10px;
  --space-14:14px;
  --space-15:15px;
  --space-20:20px;
  --space-25:25px;
  --space-30:30px;
  --space-40:40px;
  --space-50:50px;
  --space-60:60px;
  --space-64:64px;
  --space-80:80px;
  --space-100:100px;
  --space-120:120px;

  /* Applied rhythm */
  --space-section-y:120px;   /* vertical padding of a marketing section */
  --space-section-gap:40px;  /* header → content inside a section */
  --space-card-pad:30px;     /* interior padding of a content card */
  --space-stack:20px;        /* default gap in a vertical stack */
  --space-inline:10px;       /* default gap in a horizontal row */
}