/* ============================================================
   SPACING & LAYOUT — Smart-Suited Tech
   4px base. Generous, made-to-measure whitespace.
   ============================================================ */
:root {
  /* —— Spacing (4px base) —— */
  --s-1:4px;  --s-2:8px;   --s-3:12px; --s-4:16px; --s-6:24px;
  --s-8:32px; --s-12:48px; --s-16:64px; --s-24:96px; --s-32:128px;

  /* —— Layout —— */
  --wrap:1180px;                       /* max content width */
  --gutter:clamp(1.25rem, 5vw, 5rem); /* @kind spacing */
  --section:clamp(4.5rem, 8vw, 8rem); /* @kind spacing */

  /* —— Form / shape —— */
  --radius:2px;   /* crisp, tailored — never pill-shaped */
}