/**
 * Email-safe spacing scale for inline styles.
 * Email clients cannot use CSS variables; concrete px values live here only.
 * Slopgate raw-px-spacing is scoped to email tokens directory only — do not inline px in templates.
 */
export const spacing = {
  cardMaxMedium: '560px',
  cardMaxNarrow: '480px',
  cardMaxWide: '600px',
  marginBlock12: '12px 0',
  marginBlock16: '16px 0',
  marginBlock20: '20px 0',
  marginBlock24: '24px 0',
  marginBlock32: '32px 0',
  marginBottom16: '0 0 16px',
  marginBottom20: '0 0 20px',
  marginBottom24: '0 0 24px',
  marginBottom12: '0 0 12px',
  marginBottom10: '0 0 10px',
  marginInsetTop4Bottom16: '4px 0 16px',
  marginSides40: '0 40px',
  padFooter: '0 40px 16px',
  padStack: '12px 24px',
  marginCenter: '32px auto',
  marginSection: '32px 0 16px',
  marginTop12: '12px 0 0',
  marginTop12Bottom4: '12px 0 4px',
  marginTop16: '16px 0 0',
  marginTop24: '24px 0 0',
  marginTop28: '28px 0 0',
  padBodySide: '16px 32px',
  padBodyWide: '16px 40px',
  padButton: '13px 28px',
  padButtonSm: '12px 28px',
  padCard: '16px 24px',
  padCompact: '12px 16px',
  padHeaderLg: '28px 40px',
  padHeaderMd: '24px 32px',
  padHeaderWide: '24px 40px',
  padHero: '20px 40px',
  padPage: '40px 16px',
  padSectionLg: '32px 40px',
  padTag: '10px 20px',
  padTagLg: '10px 24px',
  padTagMd: '11px 24px',
  px11: '11px',
  px12: '12px',
  px13: '13px',
  px14: '14px',
  px15: '15px',
  px16: '16px',
  px18: '18px',
  px20: '20px',
  px22: '22px',
  px24: '24px',
  px26: '26px',
  px28: '28px',
  px32: '32px',
  qrSize: '120px',
} as const;

export type EmailSpacing = typeof spacing;