/* ============================================================
   4 You Design — Spacing Tokens  (base unit: 4px)
   ============================================================ */

:root {
  --space-0:    0px;
  --space-1:    4px;
  --space-2:    8px;
  --space-3:    12px;
  --space-4:    16px;
  --space-5:    20px;
  --space-6:    24px;
  --space-7:    28px;
  --space-8:    32px;
  --space-10:   40px;
  --space-12:   48px;
  --space-14:   56px;
  --space-16:   64px;
  --space-20:   80px;
  --space-24:   96px;
  --space-32:  128px;
  --space-40:  160px;
  --space-48:  192px;

  /* ── Layout ── */
  --container-sm:    640px;
  --container-md:    768px;
  --container-lg:   1024px;
  --container-xl:   1280px;
  --container-2xl:  1440px;

  /* ── Section rhythm ── */
  --section-py:   var(--space-20);
  --section-px:   var(--space-8);
  --section-py-lg: 120px;
}