/* ============================================================
   M-agency Presentation Design System — Spacing & layout
   ============================================================ */

:root {
  /* ---- Spacing scale (4px base) ---- */
  --sp-1: 4px;
  --sp-2: 8px;
  --sp-3: 12px;
  --sp-4: 16px;
  --sp-5: 20px;
  --sp-6: 24px;
  --sp-8: 32px;
  --sp-10: 40px;
  --sp-12: 48px;
  --sp-16: 64px;

  /* ---- Slide frame ---- */
  --slide-w: 1280px;
  --slide-h: 720px;
  --slide-pad-x: 56px;   /* left/right safe margin */
  --slide-pad-y: 44px;   /* top/bottom safe margin */
  --slide-gutter: 24px;  /* gap between columns/panels */

  /* ---- Radii (M-agency cards are crisp — small radii, pills for tags) ---- */
  --radius-xs: 3px;
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --bw-hair: 1px;
  --bw-rule: 2px;     /* divider rules under titles */
  --bw-accent: 4px;   /* left/edge accent bars */
}