/* ============================================================
   SPACING & LAYOUT — LeaderHouse
   ============================================================ */
:root {
  /* --- Spacing scale --- */
  --lh-space-1:  4px;
  --lh-space-2:  8px;
  --lh-space-3:  12px;
  --lh-space-4:  16px;
  --lh-space-5:  20px;
  --lh-space-6:  24px;
  --lh-space-8:  32px;
  --lh-space-10: 40px;
  --lh-space-12: 48px;
  --lh-space-14: 56px;
  --lh-space-16: 64px;
  --lh-space-22: 88px;  /* desktop section padding (top/bottom) */

  /* --- Section vertical rhythm --- */
  --lh-section-y:        88px;  /* desktop */
  --lh-section-y-mobile: 64px;  /* ≤680px */

  /* --- Content containers (max widths) --- */
  --lh-wrap:      760px;   /* reading column */
  --lh-wide:      920px;   /* wider content */
  --lh-hero-wrap: 1040px;  /* hero */
  --lh-gutter:    24px;    /* horizontal padding desktop */
  --lh-gutter-mobile: 20px;
}