/* ============================================================
   Static Tailwind-adapted spacing scale (baked, no DialKit).
   Replaces the old DialKit-driven --pw-dial-pad-section-* /
   --pw-dial-section-between section rhythm on the homepage.

   Tokens follow the Tailwind default scale (base 0.25rem).
   Section rhythm: py-24 (6rem/side) → 12rem (192px) between
   adjacent sections on desktop, 3rem/side on mobile.
   ============================================================ */

:root {
  --pw-space-1:  0.25rem;
  --pw-space-2:  0.5rem;
  --pw-space-3:  0.75rem;
  --pw-space-4:  1rem;
  --pw-space-6:  1.5rem;
  --pw-space-8:  2rem;
  --pw-space-10: 2.5rem;
  --pw-space-12: 3rem;
  --pw-space-16: 4rem;
  --pw-space-20: 5rem;
  --pw-space-24: 6rem;
  --pw-space-32: 8rem;
}

/* ---- Section rhythm (was .padding-section-large / #id overrides) ---- */
.pw-py-24 { padding-top: var(--pw-space-24); padding-bottom: var(--pw-space-24); }
.pw-pt-0  { padding-top: 0; }
.pw-pb-24 { padding-bottom: var(--pw-space-24); }

/* ---- Internal spacers (was .spacer-small / .spacer-medium / .spacer-xlarge) ---- */
.pw-pt-6  { padding-top: var(--pw-space-6);  }
.pw-pt-8  { padding-top: var(--pw-space-8);  }
.pw-pt-16 { padding-top: var(--pw-space-16); }

@media (max-width: 767px) {
  .pw-py-24 { padding-top: var(--pw-space-12); padding-bottom: var(--pw-space-12); }
}