/* PawsLetter — Spacing tokens
   Base unit 4px. Whitespace is the primary luxury signal — when unsure, add air. */

:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;   /* card internal default step */
  --space-lg: 24px;   /* card internal padding */
  --space-xl: 36px;
  --space-xxl: 56px;
  --space-section: 88px;  /* vertical rhythm between bands (→ 56px on mobile) */
  --space-band: 128px;    /* hero + closing stripe */

  /* ---- Containers ---- */
  --container-read: 600px;   /* intimate reading bands */
  --container-wide: 1080px;  /* multi-card feature grids */
  --container-pad: 24px;     /* horizontal page gutter */
}