:root{
  --container-max:1280px;
  --container-narrow:768px;
  --container-wide:1440px;
  --gutter-mobile:20px;
  --gutter-tablet:24px;
  --gutter-desktop:40px;
  --nav-height:76px;
  --nav-height-mobile:64px;
  --target-min:44px;      /* minimum interactive target */
  --breakpoint-tablet:744px;
  --breakpoint-desktop:1128px;
  --breakpoint-wide:1440px;
  --ratio-hero:16/9; /* @kind other */
  --ratio-card:4/3; /* @kind other */
  --ratio-portrait:3/4; /* @kind other */
  --ratio-square:1/1; /* @kind other */
}