/* ============================================================
   Fyld — Spacing & Layout
   8px base rhythm. Wide, engineered grids; generous section air.
   ============================================================ */

:root {
  /* ---- Spacing scale (the system's --s1…--s7) ---- */
  --s1:  8px;
  --s2:  16px;
  --s3:  24px;
  --s4:  32px;
  --s5:  48px;
  --s6:  72px;
  --s7:  110px;   /* section padding (marketing) */

  /* sub-step for dense data UI */
  --s0:  4px;

  /* ---- Layout ---- */
  --content-max: 1120px;   /* marketing / reference width */
  --app-max:     1440px;   /* product shell width */
  --gutter:      var(--s4);

  /* engineered background grid cell */
  --grid-cell:   64px;
}