:root{
  --container-max:1200px; /* @kind spacing */
  --container-wide:1440px; /* @kind spacing */
  --container-prose:720px; /* @kind spacing */
  --header-height:88px; /* @kind spacing */
  --grid-columns:12; /* @kind other */
  --grid-gap:clamp(1rem,2.4vw,2rem); /* @kind spacing */
  --logo-clearspace:1em; /* = width of the "O" in the wordmark @kind spacing */
  --logo-min-width:120px; /* @kind spacing */
  --z-base:0; /* @kind other */
  --z-sticky:100; /* @kind other */
  --z-header:200; /* @kind other */
  --z-overlay:800; /* @kind other */
  --z-modal:900; /* @kind other */
  --z-toast:1000; /* @kind other */
}