/* ============================================================
   SPACING — explicit 8px-derived named ladder (base unit 4px).
   Use the named tokens rather than ad-hoc px values.
   ============================================================ */

:root {
  --space-xxxs: 4px;
  --space-xxs: 8px;
  --space-xs: 16px;
  --space-sm: 24px;
  --space-md: 32px;
  --space-lg: 48px;
  --space-xl: 64px;
  --space-xxl: 96px;   /* major band padding */
  --space-super: 128px;/* hero band depth */

  /* Layout */
  --container-max: 1280px;
}