:root {
  /* ---- Spacing & structure ---- */
  --space-1:   8px;
  --space-2:   16px;
  --space-3:   24px;
  --space-4:   32px;
  --space-5:   40px;
  --space-6:   64px;
  --space-7:   72px;
  --space-8:   80px;

  --page-margin:   72px;  /* web section left/right margin, desktop */
  --page-margin-mobile: 24px;
  --section-padding-y: 64px; /* 64-80px vertical section padding */
  --row-rhythm:    30px;  /* ruled-list row padding, top & bottom */

  --measure-hero:  440px; /* hero copy max-width */
  --measure-body:  640px; /* body copy max-width */

  --social-canvas-w: 1080px;
  --social-canvas-h: 1350px;
  --social-safe-margin: 96px;

  /* ---- Rules / borders ---- */
  --rule-structural: 2px solid var(--ink);
  --rule-hairline:   1px solid var(--hairline);
  --radius: 0px; /* flat & editorial — never rounded */
}