/* 1180px container at 56px gutters. Sections separate by hairline + surface
   shift, never by heavy bands. Spacing scale: 4 8 12 16 24 32 48 64 96. */
:root{
  --space-1:4px;
  --space-2:8px;
  --space-3:12px;
  --space-4:16px;
  --space-5:24px;
  --space-6:32px;
  --space-7:48px;
  --space-8:64px;
  --space-9:96px;

  --container:1180px;
  --gutter:56px;
  --gutter-md:32px;
  --gutter-sm:20px;

  --section-y:112px;        /* standard section padding, vertical */
  --section-y-tight:88px;
  --section-y-loose:130px;  /* the dark band */
  --column-gap:96px;        /* two-column sections */
  --column-gap-md:48px;
  --card-gap:24px;          /* when cards are genuinely unrelated */
  --card-pad:44px 40px;
  --field-pad:14px 16px;
  --button-pad:16px 28px;
  --button-pad-compact:13px 22px;
  --nav-height:76px; /* @kind spacing */
  --tap-min:44px; /* @kind spacing */

  /* Breakpoints, as documented in 09 responsive behaviour */
  --bp-3up-collapse:1080px; /* @kind other */ /* a 3-up grid collapses before columns fall under 42ch */
  --bp-stack:900px; /* @kind other */
  --bp-narrow:600px; /* @kind other */
}