:root{
  --container-xs:560px;
  --container-sm:760px;
  --container-md:1040px;
  --container-lg:1280px;
  --container-xl:1440px;
  --measure-prose:64ch; /* @kind spacing */
  --measure-lede:48ch; /* @kind spacing */

  --header-h:76px;
  --header-h-compact:60px;
  --control-h-sm:36px;
  --control-h:44px;   /* minimum touch target */
  --control-h-lg:52px;

  --blur-glass:12px;
  --blur-scrim:3px;
  --z-base:0; /* @kind other */ --z-raised:10; /* @kind other */ --z-sticky:100; /* @kind other */ --z-header:200; /* @kind other */ --z-overlay:300; /* @kind other */ --z-modal:400; /* @kind other */ --z-toast:500; /* @kind other */
}