/* ============================================================
   SPACING & LAYOUT — Michael Style
   A 4px base step. Generous, poster-like breathing room.
   ============================================================ */
:root {
  /* —— Spacing scale (4px base) —— */
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   11px;   /* common card gutter */
  --space-4:   16px;
  --space-5:   18px;   /* card padding */
  --space-6:   24px;
  --space-7:   30px;   /* section side padding */
  --space-8:   38px;
  --space-9:   54px;   /* section vertical padding */
  --space-10:  70px;   /* major section break */

  /* —— Layout —— */
  --maxw:        1120px;  /* content max width */
  --gutter:      24px;    /* page side gutter */
  --phone-w:     286px;   /* app mock width */
  --phone-h:     600px;   /* app mock screen height */
}