/* ============================================================
   Collins Web Design — Spacing, radii, layout
   8px base grid. Generous section padding, pill-shaped controls.
   ============================================================ */
:root {
  /* ---- Spacing scale (8px grid) ---- */
  --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;
  --space-10: 128px;

  /* ---- Radii ---- */
  --radius-sm:   8px;
  --radius-md:   12px;
  --radius-lg:   16px;   /* default card radius */
  --radius-xl:   24px;   /* large CTA banners */
  --radius-pill: 999px;  /* buttons, badges, tags */

  /* ---- Layout ---- */
  --container-max: 1312px;  /* content column inside 1440 frame (64px gutters) */
  --gutter:        64px;
  --nav-height:    76px;
  --section-pad-y: 96px;
}