/* ============================================================
   KATALYST · SPACING & LAYOUT TOKENS
   8-based rhythm with a few half-steps the marketing pages lean
   on. Section padding is generous (80–100px vertical); content
   maxes at 1180px with a 32px gutter.
   ============================================================ */
:root {
  /* ---- Spacing scale ---- */
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   16px;
  --space-5:   20px;
  --space-6:   24px;
  --space-7:   32px;
  --space-8:   40px;
  --space-9:   48px;
  --space-10:  56px;
  --space-12:  64px;
  --space-14:  80px;
  --space-16:  90px;
  --space-18: 100px;

  /* ---- Containers ---- */
  --container:      1180px;  /* default marketing width */
  --container-text: 760px;   /* centered prose column */
  --container-wide: 1240px;  /* full-bleed app width */
  --gutter:         32px;    /* horizontal page padding */

  /* ---- Section rhythm ---- */
  --section-y:      84px;    /* default vertical section padding */
  --section-y-lg:  100px;    /* hero / manifesto */

  /* ---- Component padding ---- */
  --pad-card:      24px;
  --pad-card-lg:   30px;
  --pad-cta:       70px;
  --pad-input:     13px 15px;
  --pad-btn:       15px 28px;
  --pad-btn-sm:    10px 20px;
  --pad-pill:       7px 15px;
}