/* ════════════════════════════════════════════════════════════════
   TBD — Spacing, grid & radii tokens
   8-based spacing scale. Web grid: 1240px max, 28px page margin.
   Section rhythm ~86px. Non-web canvas grids documented in readme.
   ════════════════════════════════════════════════════════════════ */

:root {
  /* ── Spacing scale (8-based, with half-steps) ───────────────── */
  --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-22: 86px;   /* default section padding (vertical) */

  /* ── Layout ─────────────────────────────────────────────────── */
  --container-max:  1240px;
  --page-margin:    28px;     /* gutter each side; 56px total      */
  --grid-cols:      12; /* @kind other */
  --grid-gutter:    24px;
  --section-y:      86px;
  --section-y-tight: 60px;

  /* ── Card / element padding ─────────────────────────────────── */
  --pad-card:    34px 30px;   /* service / testimonial cards       */
  --pad-card-lg: 40px;        /* form card, large surfaces         */

  /* ── Radii ──────────────────────────────────────────────────── */
  --radius-sm:   14px;   /* inputs, small tiles               */
  --radius:      22px;   /* default card                      */
  --radius-lg:   30px;   /* large media, feature panels       */
  --radius-tile: 15px;   /* icon tiles                        */
  --radius-pill: 999px;  /* buttons, chips                    */
}