/* ============================================================
   SPACING TOKENS — base unit 4px, all spacing snaps to 4-multiples.
   --space-section (96px) is the universal vertical rhythm constant.
   ============================================================ */

:root {
  --space-xxs: 4px;
  --space-xs: 8px;
  --space-sm: 12px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-xxl: 48px;
  --space-section: 96px;   /* vertical padding on every major editorial band */

  /* Layout */
  --container-max: 1280px; /* centered max content width */
  --container-gutter: 48px;/* horizontal breathing room (= --space-xxl) */
  --nav-height: 64px;
}