/* ============================================================
   AgenteX Educa · Spacing & layout tokens
   8-pt rhythm with a few brand-specific in-between steps observed
   in the product (14, 18, 22px paddings on cards).
   ============================================================ */
:root {
  --space-0:   0;
  --space-1:   4px;
  --space-2:   8px;
  --space-3:   12px;
  --space-4:   14px;  /* card inner gap */
  --space-5:   16px;
  --space-6:   18px;  /* grid gap between cards */
  --space-7:   20px;  /* card padding-y */
  --space-8:   22px;  /* card padding-x */
  --space-10:  26px;
  --space-12:  32px;  /* page gutter */
  --space-16:  48px;  /* section header margin */
  --space-20:  64px;
  --space-24:  80px;  /* section block padding */

  /* ---- Layout ---- */
  --container-max: 1400px;
  --page-gutter:   32px;
  --sidenav-w:     232px;
  --section-pad-y: 80px;

  /* ---- Grid ---- */
  --grid-gap:      18px;
  --grid-gap-lg:   22px;
  --bg-grid-size:  68px;  /* the faint background grid cell */
}