/* ============================================================
   PODIUM SOCIETY — SPACING & LAYOUT
   8px base grid. Generous negative space is a brand rule
   ("allow negative space around subjects"). Compositions are
   poster-like: large margins, content anchored to corners/edges.
   ============================================================ */
:root {
  --space-0:   0px;
  --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;
  --space-10:  128px;

  /* Poster / social margins (proportional safe area). The brand
     keeps a wide clear margin around locked elements. */
  --margin-poster: 7%;   /* clear area from frame edge on social art */
  --gutter:        var(--space-5);

  /* Export canvas sizes used across the system (from brand kit) */
  --canvas-ig-feed-w:  1080px;
  --canvas-ig-feed-h:  1350px;  /* 4:5 */
  --canvas-ig-story-w: 1080px;
  --canvas-ig-story-h: 1920px;  /* 9:16 */
  --canvas-slide-w:    1280px;
  --canvas-slide-h:    720px;   /* 16:9 */

  /* ---- Radii ----
     The brand is hard-edged. Boxes (CTA, frames) are SQUARE.
     Radius is reserved for incidental UI chrome only. */
  --radius-none: 0px;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-pill: 999px;

  /* ---- Border widths ---- */
  --border-hair:  1px;
  --border-thin:  1.5px;
  --border-cta:   2px;   /* gold CTA box rule */
  --border-thick: 3px;
}