/* ============================================================
   SuroyWear · Spacing & Layout
   4pt base scale. 12-column grid, 1120px container, 24px gutters.
   Generous whitespace is part of the premium read.
   ============================================================ */

:root {
  /* --- Spacing scale (4pt base; 4 allowed inside icons only) --- */
  --sw-s1: 4px;
  --sw-s2: 8px;
  --sw-s3: 12px;
  --sw-s4: 16px;
  --sw-s5: 24px;
  --sw-s6: 32px;
  --sw-s7: 48px;
  --sw-s8: 64px;
  --sw-s9: 96px;

  /* --- Layout --- */
  --sw-container: 1120px;   /* max content width */
  --sw-gutter: 24px;        /* grid gutter */
  --sw-columns: 12;         /* @kind other */

  /* --- Ad / campaign safe zone --- */
  --sw-safe-edge: 5%;       /* 5% clear on every edge */
}