/* Fluid scales & tokens */
:root {
    --gutter: clamp(1rem, 3vw, 2rem);
    --content: 72ch;
  
    /* Fluid type */
    /* --step--1: clamp(0.9rem, 0.86rem + 0.2vw, 1rem);
    --step-0: clamp(1rem, 0.95rem + 0.4vw, 1.125rem);
    --step-1: clamp(1.25rem, 1.1rem + 0.8vw, 1.6rem);
    --step-2: clamp(1.6rem, 1.3rem + 1.2vw, 2.1rem);
    --step-3: clamp(2rem, 1.6rem + 1.8vw, 2.8rem); */
  
  /* NEW Fluid spacing scale */

  --space-xs:  clamp(4px,  calc(2.6px + 0.38vw),   8px);
  --space-s:   clamp(8px,  calc(5.2px + 0.75vw),  16px);
  --space-m:   clamp(16px, calc(10.4px + 1.50vw), 32px);
  --space-l:   clamp(32px, calc(20.8px + 3.00vw), 64px);
  --space-xl:  clamp(64px, calc(41.6px + 6.00vw),128px);
  --space-xxl: clamp(128px,calc(83.2px + 12.00vw),256px);
  }
  
/* Page structure */
.section {
  /* padding-inline: var(--space-l); */
  border: 1px blue dashed;
  /*padding-block: var(--space-xxl); */
}