/* ============================================
   KAF Design System — Spacing
   NEW FILE. custom.css currently has no
   centralized spacing scale — padding and margin
   values are hardcoded per-component (e.g. section
   padding is "5rem 2rem" in one place, "4rem 2rem"
   in another, with no shared logic).

   This scale is derived from the values already in
   repeated use across custom.css. Adding it here is
   purely additive — nothing in the theme references
   these tokens yet, so this file changes nothing
   visually on its own. The next phase (centralizing
   CSS) is where existing hardcoded values get
   migrated to use these tokens.
   ============================================ */

:root {
    --kaf-space-1: 0.5rem;   /*  8px */
    --kaf-space-2: 0.75rem;  /* 12px */
    --kaf-space-3: 1rem;     /* 16px */
    --kaf-space-4: 1.25rem;  /* 20px — common paragraph/heading margin */
    --kaf-space-5: 1.5rem;   /* 24px */
    --kaf-space-6: 2rem;     /* 32px — common section side padding */
    --kaf-space-7: 2.5rem;   /* 40px */
    --kaf-space-8: 3rem;     /* 48px */
    --kaf-space-9: 4rem;     /* 64px — common section vertical padding */
    --kaf-space-10: 5rem;    /* 80px — largest section padding in use */
}