/* UNDRSCR_ spacing. Not specified in the brand doc — authored here, grounded in the two locked
   formats (1080x1350 carousel, 1280x720 deck). Wide margins, generous gaps, no crowding. */
:root{
  --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;

  /* format margins */
  --margin-carousel:72px;   /* 1080x1350 */
  --margin-deck:64px;       /* 1280x720 */
  --margin-ui:32px;

  /* component rhythm */
  --gap-stack-tight:12px;
  --gap-stack:24px;
  --gap-stack-loose:48px;
  --gap-panel:24px;         /* between the two halves of a contrast panel */
  --pad-panel:48px;
  --pad-panel-sm:28px;
  --pad-pill:6px 14px;
  --pad-stat:44px;
}