/* Iron Forge — Spacing Tokens
   4px base unit. Use multiples for all margins, padding, and gaps. */

:root {
  --space-0:  0px;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  20px;
  --space-6:  24px;
  --space-8:  32px;
  --space-10: 40px;
  --space-12: 48px;
  --space-16: 64px;
  --space-20: 80px;
  --space-24: 96px;
  --space-32: 128px;
  --space-40: 160px;
  --space-48: 192px;
  --space-64: 256px;

  /* ─── Semantic Layout ─────────────────────────────── */
  --section-padding-y:  var(--space-24);   /* 96px — section vertical breathing room */
  --section-padding-x:  80px;              /* page horizontal margin */
  --card-padding-sm:    var(--space-4);    /* 16px */
  --card-padding-md:    var(--space-6);    /* 24px */
  --card-padding-lg:    var(--space-8);    /* 32px */
  --nav-height:         64px;
}