/* oa.flow — Spacing & layout scale
   8px base grid. Social pieces are anchored: marca no topo, conteúdo na base. */
:root {
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;

  /* Canvas safe-margin for 1080px Instagram pieces */
  --piece-margin: 80px;

  /* Brandbar / eyebrow rhythm */
  --gap-stack: var(--space-5);
  --gap-section: var(--space-7);

  /* Reference piece formats */
  --piece-feed-w: 1080px;   /* Feed · Carrossel 4:5 */
  --piece-feed-h: 1350px;
  --piece-reel-w: 1080px;   /* Reels · Capa 9:16 */
  --piece-reel-h: 1920px;
}