/* Impact BRAND — canvas sizes and layout margins.
   The file is a fixed-canvas artboard system, not a fluid web grid:
   every template is one of four frame sizes and elements are absolutely
   placed. These tokens name the frames and the recurring safe margins. */
:root{
  --frame-square:1080px;              /* 1080x1080 — feed post, Portada */
  --frame-wide-w:1920px;              /* 1920x1080 — deck slide, data slide */
  --frame-wide-h:1080px;
  --frame-mid-w:1600px;               /* 1600x1080 — FRASE / title slide */
  --frame-story-h:1342px;             /* 1080x1342 — vertical banner */
  --frame-story-tall:1399px;          /* 1080x1399 */
  --frame-post-tall:1264px;           /* 1080x1264 */

  /* Safe margins observed across frames */
  --pad-frame-sm:61px;                /* slide-number gutter */
  --pad-frame:74px;                   /* 1600px title left margin */
  --pad-frame-md:109px;               /* FRASE statement left margin */
  --pad-frame-lg:119px;               /* 1920px headline left margin */

  /* Corner anchors */
  --anchor-year-right:1773px;
  --anchor-year-top:74px;
  --anchor-mark-bottom:976px;
  --logo-mark-size:236px;             /* White Logotype lockup box */
  --logo-wordmark-w:149px;            /* footer wordmark width */
  --logo-wordmark-h:21.533px;

  /* Component-scale spacing */
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:20px;
  --space-6:24px;
  --space-8:32px;
  --space-10:40px;
  --space-12:48px;
  --space-16:64px;
  --space-20:80px;
}