/* ============================================================
   DAMASK — SPACING TOKENS
   A sparse, deliberate rhythm: tight control padding, expansive
   vertical voids. Not a strict 4/8 grid — values from source.
   ============================================================ */
:root {
  --space-xs: 2px;    /* micro adjustments */
  --space-sm: 12px;   /* control padding */
  --space-md: 24px;   /* section breathing room */
  --space-lg: 38px;   /* larger separations */
  --space-xl: 110px;  /* hero-scale voids */

  /* practical in-between steps for UI density */
  --space-2:  4px;
  --space-3:  8px;
  --space-5:  16px;
  --space-7:  32px;
  --space-9:  56px;
  --space-10: 72px;

  --page-margin: 64px;
  --content-max: 1200px;
}