:root{
  --container-max:1440px; /* @kind spacing */
  --container-wide:1680px; /* @kind spacing */
  --container-reading:760px; /* @kind spacing */
  --container-narrow:620px; /* @kind spacing */
  --gutter:clamp(20px,4vw,72px); /* @kind spacing */
  --grid-gap:clamp(16px,2vw,32px); /* @kind spacing */

  --header-height:clamp(76px,7vw,96px); /* @kind spacing */
  --z-header:100; /* @kind other */
  --z-overlay:200; /* @kind other */

  --bp-mobile:479px; /* @kind other */
  --bp-landscape:767px; /* @kind other */
  --bp-tablet:991px; /* @kind other */
  --bp-desktop:1280px; /* @kind other */
  --bp-wide:1600px; /* @kind other */
}