/* ==========================================================================
   SETTINGS · SPACING — one harmonic spacing ramp. Every margin, pad and gap in
   the system resolves to one of these, so vertical rhythm stays printed-even.
   ========================================================================== */

:root {
  --space-0:   0;
  --space-3xs: 0.25rem;  /* 4px  — hairline insets, icon gaps */
  --space-2xs: 0.5rem;   /* 8px  — tight chip padding */
  --space-xs:  0.75rem;  /* 12px — label-to-control, small stacks */
  --space-sm:  1rem;     /* 16px — default paragraph spacing */
  --space-md:  1.5rem;   /* 24px — component padding, card gut */
  --space-lg:  2.25rem;  /* 36px — section sub-gaps */
  --space-xl:  3.5rem;   /* 56px — between major blocks */
  --space-2xl: 5.5rem;   /* 88px — page-section rhythm */
  --space-3xl: 8.5rem;   /* 136px — masthead breathing room */

  /* — Named, intent-carrying spaces used across components — */
  --pad-card:     var(--space-md);
  --pad-inset:    var(--space-xs);
  --gap-prose:    1.05em;   /* paragraph-to-paragraph in the reading column */
  --gap-stack:    var(--space-md);
  --gutter-page:  clamp(1.1rem, 4vw, 3rem);
}