/* ==========================================================================
   CauseLogic — Spacing & layout tokens
   4px base grid. Generous whitespace is a brand value.
   ========================================================================== */

:root {
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-8:   32px;
  --space-10:  40px;
  --space-12:  48px;
  --space-16:  64px;
  --space-20:  80px;
  --space-24:  96px;

  /* ---- Semantic layout -------------------------------------------------- */
  --gap-card:        16px;   /* gap between module / data cards   */
  --pad-card:        20px;   /* internal card padding             */
  --pad-card-lg:     24px;
  --pad-section:     80px;   /* marketing section vertical rhythm */
  --topbar-height:   60px;   /* Stratum app top bar               */
  --container-max:   1180px; /* marketing content max width       */
  --content-max:     1100px; /* app content max width             */
}