/* Abstrekkt spacing, radii, layout — restrained, editorial rhythm. */

:root {
  /* --- Spacing scale (4px base, editorial breathing room) --- */
  --space-0:  0;
  --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 — small, sharp; this is print, not app-chrome --- */
  --radius-none: 0;
  --radius-sm:   2px;
  --radius-md:   4px;
  --radius-lg:   6px;
  --radius-pill: 999px;

  /* --- Layout --- */
  --measure:      66ch;   /* ideal reading measure for body */
  --container:    1200px; /* max content width */
  --container-narrow: 720px;
  --gutter:       var(--space-6);
}
