/* ============================================================
   KleanKlub — Spacing & layout tokens
   Base unit 4px. Sections breathe with generous vertical rhythm.
   ============================================================ */
:root {
  --kk-space-1:  4px;
  --kk-space-2:  8px;
  --kk-space-3:  12px;
  --kk-space-4:  16px;
  --kk-space-5:  20px;
  --kk-space-6:  24px;
  --kk-space-8:  32px;
  --kk-space-10: 40px;
  --kk-space-12: 48px;
  --kk-space-16: 64px;
  --kk-space-18: 72px; /* standard section padding (top/bottom) */
  --kk-space-20: 80px;

  /* ---- Layout ---- */
  --kk-page-gutter: 5%;       /* horizontal page padding used site-wide */
  --kk-container:   1200px;   /* max content width */
  --kk-nav-height:  68px;
}