/* Bela Martins — SPACING. Scale of 8. Every gap belongs to the scale;
   an off-scale gap is the first symptom of a generic piece.
   Values are for the 1080x1440 canvas. */

:root {
  --space-1: 8px;    /* eyebrow -> title */
  --space-2: 16px;   /* pill vertical padding · title -> rule */
  --space-3: 24px;   /* pill horizontal padding · rule -> body */
  --space-4: 40px;   /* floating-card inner padding */
  --space-5: 64px;   /* between content blocks in one slide */
  --space-6: 100px;  /* slide margin — FIXED and non-negotiable */

  /* ---- Grid ---- */
  --slide-w: 1080px;         /* carousel — 3:4 */
  --slide-h: 1440px;
  --slide-margin: 100px;     /* the 100px breath */
  --safe-w: 880px;           /* usable area */
  --safe-h: 1240px;
  --reel-w: 1080px;          /* reel / cover — 9:16 */
  --reel-h: 1920px;
  --reel-safe-top: 400px;    /* reel safe zone y 400–1600 */
  --reel-safe-bottom: 1600px;
  --whitespace-min: 30%;     /* minimum breathing room per slide */
}