:root {
  --bp-sm: 0px;
  --bp-md: 768px;
  --bp-lg: 1120px;
  --bp-xl: 1600px;

  --grid-cols: 16; /* @kind other */
  --grid-col-spine: 2; /* @kind other */
  --grid-col-text: 9; /* @kind other */
  --grid-col-rail: 5; /* @kind other */
  --grid-gutter: var(--s-6);
  --grid-max: 1560px;

  --z-base: 0; /* @kind other */
  --z-sticky: 100; /* @kind other */
  --z-modal: 400; /* @kind other */
  --z-toast: 500; /* @kind other */
}