/* ============================================================
   VIVO — SPACING, RADII, SHADOW, LAYOUT TOKENS
   The theme favours generous breathing room, rounded corners,
   and soft (not heavy) elevation. Content cards are light grey
   on white with large radii.
   ============================================================ */

:root {
  /* Spacing scale (4px base) */
  --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;

  /* Radii — rounded, friendly (mirrors the Vivinho's soft forms) */
  --radius-sm: 8px;
  --radius-md: 16px;
  --radius-lg: 24px;      /* standard content card */
  --radius-xl: 32px;
  --radius-pill: 999px;   /* buttons, tags, chips */

  /* Elevation — soft shadows, used sparingly */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 12px 40px rgba(0, 0, 0, 0.12);

  /* Focus ring */
  --focus-ring: 0 0 0 3px color-mix(in srgb, var(--vivo-purpura) 35%, transparent);

  /* Slide geometry (16:9 at 1280x720 base; from the GPE PPTX master, 13.33x7.5in) */
  --slide-w: 1280px;
  --slide-h: 720px;
  --slide-margin: 40px;        /* 0.42in on all sides: title and content start here */
  --slide-title-h: 80px;       /* title box height (0.83in) */
  --slide-content-top: 137px;  /* content panels start at 1.43in */
  --slide-gutter: 24px;        /* gap between content blocks/cards */
  --slide-pagenum-x: 74px;     /* slide number: bottom-left, 0.77in */
  --slide-pagenum-y: 649px;    /* 6.76in from top */
}