:root {
  --container: 1320px; /* @kind spacing */
  --container-narrow: 880px; /* @kind spacing */
  --gutter: 24px; /* @kind spacing */
  --gutter-mobile: 16px; /* @kind spacing */
  --col-count: 12; /* @kind other */

  --bp-mobile-sm: 360px; /* @kind other */
  --bp-mobile: 390px; /* @kind other */
  --bp-tablet: 768px; /* @kind other */
  --bp-tablet-lg: 1024px; /* @kind other */
  --bp-desktop: 1280px; /* @kind other */
  --bp-desktop-lg: 1440px; /* @kind other */

  --header-h: 72px; /* @kind spacing */
  --utility-h: 44px; /* @kind spacing */
  --sticky-header-h: 60px; /* @kind spacing */
  --hose-nav-h: 116px; /* @kind spacing */
  --hose-nav-sticky-h: 56px; /* @kind spacing */
  --z-sticky: 100; /* @kind other */
  --z-mega: 200; /* @kind other */
  --z-drawer: 300; /* @kind other */
  --z-modal: 400; /* @kind other */
  --z-toast: 500; /* @kind other */
}