/* ============================================================
   DESIGN TOKENS — SPACING
   All padding / margin / gap values (4px base scale).
   Change globally from here — no PHP edits required.
   ============================================================ */

:root {
    --spacing-xs:  0.25rem;  /* 4px */
    --spacing-sm:  0.5rem;   /* 8px */
    --spacing-md:  0.75rem;  /* 12px */
    --spacing-base: 1rem;    /* 16px */
    --spacing-lg:  1.5rem;   /* 24px */
    --spacing-xl:  2rem;     /* 32px */
    --spacing-2xl: 2.5rem;   /* 40px — section vertical padding */
    --spacing-3xl: 3rem;     /* 48px */
    --spacing-4xl: 3.75rem;  /* 60px — hero vertical padding */
}