/* Base-8 scale. space-1 is the only sub-8 step. */
:root {
  --space-1: 4px;   /* hairline gaps, icon padding */
  --space-2: 8px;   /* label → value */
  --space-3: 12px;  /* tag → adjacent text */
  --space-4: 16px;  /* padding inside a tag or button */
  --space-5: 24px;  /* stage numeral → heading */
  --space-6: 32px;  /* padding inside a card */
  --space-7: 48px;  /* related blocks within a section */
  --space-8: 64px;  /* between major sections */
  --space-9: 96px;  /* large section break / slide margin */
  --space-10: 128px;/* outer canvas margin at desktop width */

  /* semantic aliases */
  --pad-tag: var(--space-2) var(--space-4);
  --pad-button: var(--space-4) var(--space-6);
  --pad-card: var(--space-6);
  --gap-section: var(--space-8);
  --margin-slide: var(--space-9);
  --border-hairline: 1px;
}