/* H&CO Strategy — spacing tokens.
   Base unit 4px. Use these anywhere geometry needs to breathe. */

:root {
  --space-xxs: 2px;
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  12px;
  --space-lg:  16px;
  --space-xl:  20px;
  --space-2xl: 24px;
  --space-3xl: 32px;
  --space-4xl: 48px;

  /* Named aliases for common section rhythms */
  --gutter-page:    var(--space-xl);   /* horizontal page padding */
  --gutter-section: var(--space-4xl);  /* vertical rhythm between sections */
  --gutter-row:     var(--space-lg);   /* space between story rows */

  /* Container widths */
  --container-max:  1400px;
  --container-body: 720px;   /* long-form article measure */
}