:root {
  --container-max: 1200px;
  --container-narrow: 820px;
  --container-pad: 24px;
  --header-height: 88px;
  --header-height-compact: 64px;
  --grid-cols: 12; /* @kind other */
  --breakpoint-sm: 480px; /* @kind other */
  --breakpoint-md: 768px; /* @kind other */
  --breakpoint-lg: 1024px; /* @kind other */
  --breakpoint-xl: 1280px; /* @kind other */
  --z-base: 0; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-header: 200; /* @kind other */
  --z-overlay: 300; /* @kind other */
  --z-modal: 400; /* @kind other */
}