:root {
  --sp-1: 2px;
  --sp-2: 4px;
  --sp-3: 8px;
  --sp-4: 12px;
  --sp-5: 16px;
  --sp-6: 20px;
  --sp-7: 24px;
  --sp-8: 32px;
  --sp-9: 40px;
  --sp-10: 56px;
  --sp-11: 72px;
  --sp-12: 96px;
  --sp-13: 128px;
  --sp-14: 160px;

  /* Rhythm */
  --gap-grid: 16px;
  --gap-grid-wide: 24px;
  --pad-card: clamp(24px, 2.6vw, 34px); /* @kind spacing */
  --pad-section-y: clamp(64px, 8vw, 128px); /* @kind spacing */
  --pad-section-x: clamp(20px, 4vw, 40px); /* @kind spacing */
  --measure-page: 1180px;
  --measure-page-narrow: 900px;
  --hit-min: 52px; /* @kind spacing */
}